/* ============================================ CSS Variables for Consistency (DRY Principle) ============================================ */:root{--btn-radius-sm:12px;--btn-radius-md:16px;--btn-radius-lg:20px;--btn-radius-xl:24px;--radius-default:12px;--radius-sm:8px;--radius-lg:16px;--radius-round:50%;--padding-xs:6px 12px;--padding-sm:8px 16px;--padding-md:12px 24px;--padding-lg:1rem 1.25rem;--padding-xl:1.25rem 1.5rem;--btn-primary-bg:rgba(255,255,255,0.85);--btn-primary-text:var(--ai-icon-blue,#007aff);--btn-primary-border:rgba(255,255,255,0.3);--btn-secondary-bg:rgba(255,255,255,0.7);--btn-secondary-text:var(--color-label,#333);--btn-secondary-border:rgba(255,255,255,0.2);--btn-danger-bg:rgba(255,59,48,0.1);--btn-danger-text:#ff3b30;--btn-danger-border:rgba(255,59,48,0.3)}/* ============================================ Unified Button System - MOVED TO liquid-glass-buttons.css Commented out on 2025-09-07 to avoid duplication All button styles now handled by liquid-glass-buttons.css ============================================ */ /* .btn-liquid,.btn.btn-liquid-glass,.property-action .btn,.analysis-actions .btn,.form-actions .btn,a.btn:not(.btn-link):not(.btn-outline-primary):not(.btn-outline-secondary){[MOVED TO liquid-glass-buttons.css]}.btn-sm{[MOVED TO liquid-glass-buttons.css]}.btn-lg{[MOVED TO liquid-glass-buttons.css]}.btn:hover{[MOVED TO liquid-glass-buttons.css]}.btn:active{[MOVED TO liquid-glass-buttons.css]}.btn-primary{[MOVED TO liquid-glass-buttons.css]}.btn-secondary{[MOVED TO liquid-glass-buttons.css]}.btn-secondary:hover{[MOVED TO liquid-glass-buttons.css]}.btn-danger{[MOVED TO liquid-glass-buttons.css]}.btn-danger:hover{[MOVED TO liquid-glass-buttons.css]}.property-action .btn{flex:1;[Keep this context-specific rule]}.header-actions .btn{[MOVED TO liquid-glass-buttons.css]}.analysis-actions .btn,.form-actions .btn{[MOVED TO liquid-glass-buttons.css]}*/ body.dashboard-page{background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 50%,#cbd5e1 100%) !important;min-height:100vh;position:relative}body.dashboard-page::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,0.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(168,85,247,0.06) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(59,130,246,0.04) 0%,transparent 50%);pointer-events:none;z-index:0}.dashboard{padding:2rem 1.5rem;background:transparent;min-height:calc(100vh - var(--navbar-height) - var(--footer-height));position:relative;max-width:1400px;margin:0 auto}.ripple-effect{position:absolute;border-radius:50%;width:100px;height:100px;background:radial-gradient(circle,rgba(255,255,255,0.5) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);animation:ripple 0.6s ease-out;pointer-events:none;top:50%;left:50%}@keyframes ripple{to{transform:translate(-50%,-50%) scale(4);opacity:0}}.glass-focus{position:relative}.glass-focus::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(45deg,rgba(0,122,255,0.3),rgba(0,86,204,0.3),rgba(0,122,255,0.3));filter:blur(8px);opacity:0;transition:opacity 0.3s ease;z-index:-1}.glass-focus:focus-within::after{opacity:1}.dashboard .card .card-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(248,250,252,0.9) 0%,rgba(241,245,249,0.8) 100%) !important;color:#334155 !important;border-bottom:1px solid rgba(226,232,240,0.5);border-radius:16px 16px 0 0;position:relative;overflow:hidden}.dashboard .card .card-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%)}.dashboard .card .card-header h2,.dashboard .card .card-header h3{margin:0;color:var(--slate-800,#1e293b) !important;font-weight:600;font-size:1rem;letter-spacing:0.2px}.dashboard .property-card .property-header{padding:1.25rem 1.5rem;background:linear-gradient(135deg,rgba(241,245,249,0.95) 0%,rgba(226,232,240,0.9) 100%) !important;color:#334155;border-bottom:1px solid rgba(226,232,240,0.4);border-radius:14px 14px 0 0;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.dashboard .property-card .property-header::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100%)}.dashboard .property-card .property-header h3,.dashboard .property-card .property-header h4{margin:0;color:var(--slate-800,#1e293b) !important;font-weight:600;font-size:0.95rem;letter-spacing:0.1px}.dashboard-title{font-size:2rem;font-weight:600;color:var(--slate-800,#1e293b) !important;margin-bottom:2rem;text-align:left;position:relative;z-index:10;letter-spacing:-0.02em;line-height:1.2}.card{position:relative;z-index:10;animation:fadeIn 0.6s ease-out;background:linear-gradient(135deg,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.5) 100%) !important;backdrop-filter:blur(10px) saturate(120%) !important;-webkit-backdrop-filter:blur(10px) saturate(120%) !important;border:1px solid rgba(255,255,255,0.6) !important;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.8) !important;margin-bottom:1.5rem;overflow:hidden;transition:all 0.3s cubic-bezier(0.25,0.1,0.25,1)}.card-body{padding:1.5rem;position:relative;z-index:2;background:transparent;color:var(--slate-600,#475569) !important}.card-body p,.card-body strong{color:var(--slate-700,#334155) !important}.info-box{background:linear-gradient(135deg,rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.75) 100%);backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);padding:1.5rem;border:1px solid rgba(255,255,255,0.4);margin-bottom:1.5rem;border-radius:16px;box-shadow:0 4px 24px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.6);position:relative}.api-token{display:block;padding:1rem 1.25rem;background:var(--material-ultra-thin-bg);backdrop-filter:blur(var(--material-thin-blur));-webkit-backdrop-filter:blur(var(--material-thin-blur));margin-bottom:1.5rem;font-family:"SF Mono","Menlo",monospace;border:1px solid var(--material-thin-border);border-radius:12px;word-break:break-all;width:100%;font-size:0.85rem;color:var(--heading-color);box-shadow:inset 0 2px 8px rgba(0,0,0,0.06);opacity:0.9}.available-tokens{font-weight:500;margin-top:1rem;display:flex;align-items:center;gap:0.75rem}.available-tokens span{margin-right:0.5rem;font-size:0.9375rem;color:var(--secondary-text,#666)}.available-tokens strong{color:var(--foreground-text,#1f1f1f);font-weight:600}/* Commented out old button styles - using liquid-glass-buttons.css instead .btn-primary{// Old styles removed - see liquid-glass-buttons.css}.btn-primary:hover{// Old styles removed - see liquid-glass-buttons.css}.btn-primary:active{// Old styles removed - see liquid-glass-buttons.css}*/ .btn-primary i{font-size:1.125rem}.btn-outline{background:white;color:var(--ai-icon-blue);border:1px solid rgba(0,122,255,0.2);box-shadow:0 1px 3px rgba(0,0,0,0.04);transition:all 0.2s ease}.btn-outline:hover{background:rgba(0,122,255,0.05) !important;border-color:var(--ai-icon-blue);color:var(--ai-icon-blue);text-decoration:none;box-shadow:0 2px 6px rgba(0,122,255,0.1)}.btn-small{padding:0.5rem 0.875rem;font-size:0.8125rem;border-radius:var(--radius-sm,6px)}.properties-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem;margin-top:1.5rem}.property-card{background:linear-gradient(135deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.4) 100%) !important;backdrop-filter:blur(8px) saturate(120%) !important;-webkit-backdrop-filter:blur(8px) saturate(120%) !important;border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.7) !important;border:1px solid rgba(255,255,255,0.5) !important;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease;animation:fadeIn 0.6s ease-out;position:relative}.property-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.8)}.property-body{padding:1.5rem;position:relative;z-index:2}.platform-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.5rem}.platform-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:rgba(255,255,255,0.5);backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border-radius:8px;border:1px solid rgba(226,232,240,0.5);color:#475569;text-decoration:none;transition:all 0.2s ease;position:relative;font-size:0.875rem;box-shadow:0 2px 8px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.6)}.platform-link:hover{background:rgba(255,255,255,0.7);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.8)}.platform-link i{font-size:1.125rem;transition:all 0.2s ease}.platform-link span{font-size:0.875rem;font-weight:500;color:var(--slate-600,#475569);transition:all 0.2s ease}.platform-link.google i{color:var(--google-color,#4285F4)}.platform-link.booking i{color:var(--booking-color,#003580)}.platform-link.expedia i{color:var(--expedia-color,#ffcc00)}.platform-link.tripadvisor i{color:var(--tripadvisor-color,#00af87)}.platform-link.holidaycheck i{color:var(--holidaycheck-color,#0058a3)}.property-action{display:flex;justify-content:center;margin-top:1.25rem;gap:0.75rem}.property-action .btn:hover{background:var(--ai-icon-blue) !important;color:white !important;border-color:var(--ai-icon-blue) !important;box-shadow:0 4px 12px rgba(0,122,255,0.2) !important;transform:translateY(-1px)}.dashboard .property-header a,.dashboard .property-header .btn,.dashboard .property-header .edit-link{color:#64748b !important;background:rgba(255,255,255,0.6) !important;border:1px solid rgba(226,232,240,0.5) !important;padding:0.375rem 0.75rem;border-radius:6px;font-size:0.8125rem;font-weight:500;text-decoration:none;transition:all 0.15s ease}.dashboard .property-header a:hover,.dashboard .property-header .btn:hover,.dashboard .property-header .edit-link:hover{background:rgba(255,255,255,0.9) !important;color:#475569 !important;box-shadow:0 2px 8px rgba(0,0,0,0.08)}.response-body{padding:1.25rem;border-bottom:1px solid var(--subtle-border,rgba(0,0,0,0.03))}.response-body p{margin-bottom:0.75rem;line-height:1.6;color:var(--secondary-text,#666)}.response-body p:last-child{margin-bottom:0}.response-body p strong{font-weight:600;color:var(--foreground-text,#1f1f1f)}.response-content{padding:1.25rem;background:rgba(0,0,0,0.01)}.response-bubble{background:var(--material-bar-bg);backdrop-filter:blur(var(--material-thin-blur));-webkit-backdrop-filter:blur(var(--material-thin-blur));border-radius:var(--radius);padding:1.5rem;box-shadow:var(--card-shadow);border:1px solid var(--glass-border);transition:var(--transition)}.response-bubble h4{font-size:1rem;font-weight:600;color:var(--heading-color,#2d3748);margin:0 0 0.75rem 0}.response-bubble p{margin:0;font-size:0.9375rem;line-height:1.6;color:var(--secondary-text,#666)}.response-buttons{display:flex;justify-content:center;gap:0.75rem;padding:1rem 1.25rem;border-top:1px solid var(--subtle-border,rgba(0,0,0,0.03))}.response-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color,rgba(0,0,0,0.1));background:transparent;color:var(--foreground-text,#1f1f1f);font-weight:500;cursor:pointer;transition:all 0.3s ease}.response-btn:hover{background:rgba(0,0,0,0.05)}.response-btn.active{background:var(--ai-accent-gradient,linear-gradient(135deg,#6e49ff,#3a8cff));color:white;border-color:transparent;transform:scale(1.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.page-info{color:var(--secondary-text,#666);font-size:0.9375rem}.card.warning{border-left:4px solid #f39c12;background:linear-gradient(135deg,rgba(255,250,240,0.95) 0%,rgba(255,245,230,0.85) 100%)}.card.warning .card-header{background:linear-gradient(135deg,#f39c12 0%,#e67e22 100%);color:white}.card.warning .card-header h3{color:white}.card.warning .card-header i{margin-right:0.5rem}.info-message{padding:1rem;background:linear-gradient(135deg,rgba(52,152,219,0.08) 0%,rgba(52,152,219,0.04) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(52,152,219,0.2);border-radius:12px;margin-bottom:1rem}.info-message p{margin:0;color:var(--secondary-text,#666)}.empty-state{padding:2.5rem 1.5rem;text-align:center}.empty-state-icon{font-size:3rem;color:var(--secondary-text,#666);opacity:0.5;margin-bottom:1rem}.empty-state-text{font-size:1.125rem;color:var(--secondary-text,#666);margin-bottom:1.5rem}.empty-platform-message{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(255,255,255,0.3);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;border:2px dashed rgba(0,122,255,0.2);min-height:80px}.empty-platform-message p{margin:0;color:var(--secondary-text,#666);font-size:0.9375rem}.page-transitioning{animation:fadeOut 0.3s forwards}@keyframes fadeOut{from{opacity:1}to{opacity:0.7}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:992px){}@media (max-width:768px){.dashboard{padding:1.5rem 1rem}.dashboard-title{font-size:1.75rem;margin-bottom:1.5rem}.properties-grid{grid-template-columns:1fr;gap:1.5rem}.platform-links{flex-direction:column;gap:0.5rem}.platform-link{width:100%;justify-content:flex-start}.card-header,.property-header{padding:1.25rem 1.5rem}.card-body,.property-body{padding:1.5rem}.available-tokens{flex-direction:column;align-items:flex-start;gap:0.5rem}}@media (max-width:480px){.dashboard{padding:1rem 0.75rem}.dashboard-title{font-size:1.5rem}.properties-grid{grid-template-columns:1fr;margin-top:1rem}.card-header,.property-header{padding:1rem;border-radius:16px 16px 0 0}.card-body,.property-body{padding:1rem}.btn-primary{padding:0.75rem 1.25rem;font-size:0.875rem}}tr[data-property-id]{opacity:1}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.property-card:hover,.response-card:hover,.platform-link:hover,.btn:hover{transform:none}}.analysis-container{max-width:1400px;margin:0 auto;padding:var(--space-xl)}/* ============================================================================ ANALYSIS HEADER COMPONENTS - Single Source of Truth Compact,responsive design using CSS variables ============================================================================ */ .analysis-header{display:flex;justify-content:space-between;align-items:center;background:var(--material-ultra-thin-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-thin-border);border-radius:var(--radius-sm);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--material-regular-shadow)}.analysis-header-main{margin-bottom:var(--space-lg)}.analysis-title{display:flex;align-items:center;gap:var(--space-md);font-size:1.375rem;font-weight:600;color:var(--heading-color);margin:0 0 var(--space-xs) 0;line-height:1.2}.property-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--ai-accent-gradient);border-radius:var(--radius-xs);color:white;font-size:1rem;flex-shrink:0}.analysis-subtitle{font-size:0.75rem;color:var(--secondary-text);margin:0;opacity:0.8;font-weight:400}.analysis-metadata{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-lg)}.analysis-stats-grid{display:flex;gap:var(--space-lg);flex-wrap:wrap}.analysis-stat-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xs);min-width:80px}.stat-value,.analysis-stat-item .stat-value{font-size:1.25rem;font-weight:600;color:var(--ai-icon-blue);line-height:1}.stat-label,.analysis-stat-item .stat-label{font-size:0.625rem;color:var(--secondary-text);text-transform:uppercase;letter-spacing:0.3px;font-weight:500}.analysis-actions{display:flex;gap:var(--space-md)}.nav-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-xs);font-size:0.75rem;font-weight:500;text-decoration:none;transition:all 0.3s ease;border:none;cursor:pointer}.analysis-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,0.25);background:#0056CC}/* ============================================================================ PLATFORM STATS COMPONENTS - Polished Hierarchy Design ============================================================================ */:root{--brand-google:#4285F4;--brand-booking:#003580;--brand-expedia:#FFC100;--brand-tripadvisor:#00AF87;--brand-holidaycheck:#0058A3}.platform-stats{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:12px;margin:0 0 var(--space-xl) 0;padding:0;list-style:none}@media (min-width:720px){.platform-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1080px){.platform-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}.platform-stat-card{margin:0}.platform-stat-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:var(--material-ultra-thin-bg);backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));-webkit-backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));border:1px solid var(--material-thin-border);border-radius:16px;box-shadow:var(--material-thin-shadow);text-decoration:none;color:var(--text-primary);transition:transform 0.08s ease,box-shadow 0.2s ease,border-color 0.2s ease}.platform-stat-link:hover{transform:translateY(-1px);box-shadow:var(--material-regular-shadow);border-color:var(--material-regular-border)}.platform-stat-link:focus-visible{outline:none;box-shadow:var(--material-thin-shadow),0 0 0 3px rgba(67,97,238,0.25)}.platform-stat-left{display:flex;align-items:center;gap:10px;min-width:0}.platform-brand-dot{width:6px;height:24px;border-radius:3px;display:inline-block;background:var(--material-regular-border)}.platform-brand-dot.brand-google{background:var(--brand-google)}.platform-brand-dot.brand-booking{background:var(--brand-booking)}.platform-brand-dot.brand-expedia{background:var(--brand-expedia)}.platform-brand-dot.brand-tripadvisor{background:var(--brand-tripadvisor)}.platform-brand-dot.brand-holidaycheck{background:var(--brand-holidaycheck)}.platform-stat-icon{width:20px;height:20px;opacity:0.9}.platform-stat-label{font-size:0.95rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.platform-stat-right{display:flex;align-items:center;gap:8px}.platform-stat-count{font-size:1.6rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary)}.platform-stat-delta{font-size:0.75rem;padding:2px 6px;border-radius:999px;background:var(--success-bg,#ecfdf5);color:var(--success-text,#065f46);border:1px solid var(--success-border,#a7f3d0)}.platform-stat-delta.delta-up::before{content:"↑ "}.platform-stat-delta.delta-down{background:var(--error-bg,#fef2f2);color:var(--error-text,#991b1b);border-color:var(--error-border,#fecaca)}.platform-stat-delta.delta-down::before{content:"↓ "}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;margin-bottom:3rem}.card{background:white;border-radius:20px;box-shadow:var(--material-regular-shadow);border:1px solid var(--material-thin-border);overflow:hidden;transition:all 0.3s ease}.card-header small{color:var(--material-bar-bg);font-size:14px;font-weight:400;margin-top:0.5rem;display:block}.card-body{padding:1.5rem;position:relative;z-index:2;background:transparent;color:#475569 !important}.card-body p,.card-body strong{color:#334155 !important}.header-actions{display:flex;gap:0.75rem;margin-top:1rem}.header-actions .btn:hover{background:var(--material-regular-bg);transform:translateY(-1px)}.badge{display:inline-block;padding:0.35em 0.65em;font-size:0.85em;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:50rem}.badge-success{color:#fff;background-color:var(--ai-icon-blue,#3a8cff)}.badge-warning{color:#212529;background-color:#ffc107}.modal-content{border-radius:20px;box-shadow:var(--material-ultra-thick-shadow);max-width:600px}.tag-section{margin-bottom:2rem;background:white;border-radius:12px;padding:1.5rem;box-shadow:var(--material-ultra-thin-shadow);border:1px solid rgba(0,0,0,0.05)}.tag-section-title{margin:0 0 1rem 0;color:var(--heading-color);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:space-between}.tag-count{font-size:12px;color:var(--secondary-text);font-weight:500;background:rgba(107,114,128,0.1);padding:4px 12px;border-radius:20px}.tag-section-description{font-size:14px;color:var(--secondary-text);margin-bottom:1rem;font-style:italic;line-height:1.4}.tag-item{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:0.75rem;border:1px solid rgba(0,0,0,0.05);transition:all 0.2s ease;display:flex;justify-content:space-between;align-items:center}.tag-item:hover{background:white;box-shadow:var(--material-ultra-thin-shadow)}.tag-info{display:flex;align-items:center;gap:0.75rem}.tag-name{font-weight:600;color:var(--heading-color);font-size:15px}.tag-type{font-size:11px;padding:3px 8px;border-radius:12px;background:#e5e7eb;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:0.5px}.tag-actions{display:flex;gap:0.5rem}.tag-actions .btn{}.no-tags-message{text-align:center;color:var(--secondary-text);font-style:italic;padding:2rem;background:#f8fafc;border-radius:8px;border:2px dashed #e5e7eb}.table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:var(--material-ultra-thin-shadow)}.table{width:100%;border-collapse:collapse;margin:0}.table thead{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.table th{padding:1.25rem 1.5rem;font-weight:600;color:var(--heading-color);border-bottom:2px solid rgba(0,0,0,0.05);font-size:14px;letter-spacing:0.5px;text-transform:uppercase}.table td{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,0.04);font-size:15px;color:var(--foreground-text)}.table tbody tr:hover{background:rgba(102,126,234,0.02)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-flex;align-items:center;padding:6px 16px;font-size:13px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;border-radius:20px;transition:all 0.3s ease}.badge-success{background:var(--material-thin-bg);backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));-webkit-backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));color:#10b981;box-shadow:var(--material-thin-shadow);border:1px solid rgba(16,185,129,0.3);position:relative;overflow:hidden}.badge-success::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(16,185,129,0.15),rgba(5,150,105,0.1));pointer-events:none}.badge-warning{background:var(--material-thin-bg);backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));-webkit-backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));color:#f59e0b;box-shadow:var(--material-thin-shadow);border:1px solid rgba(245,158,11,0.3);position:relative;overflow:hidden}.badge-warning::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(245,158,11,0.15),rgba(217,119,6,0.1));pointer-events:none}.analysis-results{display:none;animation:fadeIn 0.5s ease forwards}.analysis-results.visible{display:block}.analysis-results .container{max-width:1400px;margin:0 auto;padding:0 2rem}@media (max-width:1350px){.analysis-results .container{padding:0 30px}}@media (max-width:1200px){.analysis-results .container{padding:0 20px}}@media (max-width:768px){.analysis-results .container{padding:0 20px}}@media (max-width:480px){.analysis-results .container{padding:0 16px}}.analysis-content .analysis-card{margin-bottom:2rem}.cache-indicator{background:var(--material-thin-bg);backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));-webkit-backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));color:#92400e;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;display:flex;align-items:center;gap:0.75rem;box-shadow:var(--material-thin-shadow);border:1px solid rgba(245,158,11,0.2);position:relative;overflow:hidden}.cache-indicator::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(254,243,199,0.3) 0%,rgba(253,230,138,0.3) 100%);pointer-events:none}.cache-indicator i{font-size:18px}.cache-indicator .btn{margin-left:auto}.cache-indicator .btn:hover{background:#78350f}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:3rem;padding:2rem;background:white;border-radius:16px;box-shadow:var(--material-thin-shadow)}.form-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,122,255,0.25);background:#0056CC}.manual-help-button{position:fixed;bottom:30px;right:30px;background:var(--material-thick-bg);backdrop-filter:blur(var(--material-thick-blur)) saturate(var(--material-thick-saturate));-webkit-backdrop-filter:blur(var(--material-thick-blur)) saturate(var(--material-thick-saturate));color:var(--ai-icon-blue);border:1px solid var(--material-thick-border);border-radius:25px;padding:15px 25px;cursor:pointer;display:flex;align-items:center;gap:12px;box-shadow:var(--material-thick-shadow);transition:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index:999;font-weight:600;font-size:15px;position:relative;overflow:hidden}.manual-help-button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.12;pointer-events:none}.manual-help-button:hover{transform:translateY(-3px);box-shadow:var(--material-ultra-thick-shadow);background:var(--material-ultra-thick-bg)}.manual-help-button:hover::before{opacity:0.18}.manual-help-button .help-icon{width:36px;height:36px;border-radius:50%;background:var(--material-thin-bg);display:flex;align-items:center;justify-content:center}.manual-help-button .help-icon span{font-size:18px}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--heading-color)}.form-control{width:100%;padding:12px 16px;border:2px solid rgba(0,0,0,0.1);border-radius:12px;font-size:14px;font-family:inherit;background:#f8fafc;transition:all 0.3s ease}.form-control:focus{outline:none;border-color:#007AFF;background:white}.form-text{font-size:13px;color:var(--secondary-text);margin-top:0.5rem;line-height:1.4}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:12px;color:white;font-weight:600;font-size:14px;z-index:1001;transform:translateX(100%);transition:all 0.3s ease;box-shadow:var(--material-thick-shadow)}.toast.visible{transform:translateX(0)}.toast.toast-success{background:linear-gradient(135deg,#10b981,#059669)}.toast.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)}@media (max-width:1024px){.analysis-grid{grid-template-columns:1fr}.platform-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}}@media (max-width:880px){.platform-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-sm)}}@media (max-width:768px){.analysis-container{padding:var(--space-lg)}.analysis-header{flex-direction:column;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.analysis-header-main{margin-bottom:var(--space-md)}.analysis-title{font-size:1.125rem;gap:var(--space-sm)}.property-icon{width:24px;height:24px;font-size:0.875rem}.analysis-subtitle{font-size:0.6875rem}.analysis-metadata{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.analysis-stats-grid{flex-direction:column;gap:var(--space-md)}.analysis-stat-item{flex-direction:row;justify-content:flex-start;gap:var(--space-md);min-width:auto}.stat-value,.analysis-stat-item .stat-value{font-size:1rem}.stat-label,.analysis-stat-item .stat-label{font-size:0.625rem}.platform-stats{grid-template-columns:1fr;gap:var(--space-md)}.platform-stat-card{padding:var(--space-md) var(--space-lg);display:flex;align-items:center;text-align:left;gap:var(--space-lg)}.platform-stat-card i{font-size:1.125rem;margin-bottom:0;flex-shrink:0}.platform-stat-count{font-size:1.25rem;margin:0}.platform-stat-label{font-size:0.625rem}.card-body{padding:1.5rem}.manual-help-button{bottom:20px;right:20px;padding:12px 20px}.manual-help-button .help-text{display:none}.modal-content{width:95%;margin:0 1rem}.modal-body{padding:1.5rem}}@media (max-width:480px){.analysis-actions{flex-direction:column}.header-actions{flex-direction:column}.form-actions{flex-direction:column}.chat-input-container{padding:1rem}}@media print{.manual-help-button,.analysis-actions,.header-actions{display:none !important}.analysis-container{padding:0;background:white}.card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}.modal{display:none !important}}.modal-header{background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-regular-border);color:var(--ai-icon-blue);padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.modal-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.08;pointer-events:none}.modal-header h2{margin:0;font-size:20px;font-weight:700}.modal-header .close{background:none;border:none;color:var(--ai-icon-blue);font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;position:relative;z-index:1}.modal-header .close:hover{background:var(--material-thin-bg)}.modal-body{padding:2rem;max-height:calc(80vh - 200px);overflow-y:auto}/* ============================================================================ Demo Reviews Section Styles (lines 1774-2330) MIGRATED TO demo-styles.css on 2025-09-05 Analysis Results:- 39 CSS classes total,0 dead code (100% active) - All classes verified as used in templates - 557 lines successfully migrated Files using these styles:- demo_dashboard.html (primary user - needs demo-styles.css import!) - demo-grand-plaza.html (already imports demo-styles.css) - demo-seaside-resort.html (already imports demo-styles.css) - Various review templates (uses .platform-icon) Migrated classes include:- Demo review container and cards - Platform-specific styling (Google,Booking,TripAdvisor) - Review rating displays - Response generation UI - Business response displays - Responsive design media queries ============================================================================ */ /* AI Chat Demo Styles (SDM-CODE-005) - MIGRATED TO ai-chat-liquid.css on 2025-09-05 DEAD CODE REMOVED:#demo-ai-chat,.assistant-message,.assistant-response,.chat-welcome,.chat-input-wrapper,.predefined-questions,.question-btn,.user-message ACTIVE CODE MOVED:.chat-message,.message-avatar,.message-content,.chat-messages,.chat-input-container,.chat-input,.send-btn */ /* #demo-ai-chat .chat-interface{display:flex;flex-direction:column;gap:1.5rem}.chat-welcome{margin-bottom:1rem}.chat-message{display:flex;gap:1rem;margin-bottom:1rem}.assistant-message{align-items:flex-start}.message-avatar{width:40px;height:40px;border-radius:50%;background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-regular-border);display:flex;align-items:center;justify-content:center;color:var(--ai-icon-blue);font-size:1.1rem;flex-shrink:0;position:relative;overflow:hidden}.message-avatar::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.12;pointer-events:none}.message-content{flex:1;background:rgba(247,250,252,0.8);border:1px solid rgba(226,232,240,0.5);border-radius:16px;padding:1rem 1.25rem;backdrop-filter:blur(var(--material-thin-blur));box-shadow:var(--material-ultra-thin-shadow)}.message-content p{margin:0;color:#334155;line-height:1.5}.predefined-questions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1.5rem 0}.question-btn{background:var(--material-bar-bg);border:1px solid rgba(226,232,240,0.6);border-radius:12px;padding:1rem 1.25rem;text-align:left;cursor:pointer;transition:all 0.2s ease;backdrop-filter:blur(var(--material-thin-blur));box-shadow:var(--material-ultra-thin-shadow);display:flex;flex-direction:column;gap:0.5rem}.question-btn:hover{background:var(--material-bar-bg);border-color:#007AFF;transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,122,255,0.15)}.question-btn:active{transform:translateY(0)}.question-btn i{color:#007AFF;font-size:1.1rem;margin-bottom:0.25rem}.question-btn span{color:#1e293b;font-weight:500;font-size:0.95rem;line-height:1.4}.question-btn small{color:#64748b;font-size:0.8rem;font-style:italic}.chat-messages{min-height:200px;max-height:400px;overflow-y:auto;border:1px solid rgba(226,232,240,0.5);border-radius:12px;padding:1rem;background:rgba(248,250,252,0.3);backdrop-filter:blur(var(--material-ultra-thin-blur))}.chat-messages:empty::before{content:"Your conversation will appear here...";color:#94a3b8;font-style:italic;display:block;text-align:center;padding:2rem}.user-message{justify-content:flex-end}.user-message .message-content{background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-regular-border);color:var(--ai-icon-blue);max-width:70%;position:relative;overflow:hidden}.user-message .message-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.12;pointer-events:none}.user-message .message-content p{color:var(--ai-icon-blue);position:relative;z-index:1}.assistant-response{justify-content:flex-start}.assistant-response .message-content{max-width:85%;animation:fadeInUp 0.3s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-input-container{margin-top:1rem}.chat-input-wrapper{display:flex;gap:0.5rem;align-items:center;background:var(--material-bar-bg);border:1px solid rgba(226,232,240,0.6);border-radius:12px;padding:0.5rem;backdrop-filter:blur(var(--material-thin-blur))}.chat-input{flex:1;border:none;background:transparent;padding:0.75rem 1rem;font-size:0.95rem;color:#334155;outline:none}.chat-input::placeholder{color:#94a3b8}.send-btn{background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-regular-border);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--ai-icon-blue);cursor:pointer;transition:all 0.2s cubic-bezier(0.175,0.885,0.32,1.275);position:relative;overflow:hidden}.send-btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.08;pointer-events:none}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:var(--material-thick-shadow);background:var(--material-thick-bg)}.send-btn:hover:not(:disabled)::before{opacity:0.12}.send-btn:disabled{opacity:0.5;cursor:not-allowed}.chat-input-container small{display:block;margin-top:0.5rem;padding-left:0.5rem}@media (max-width:768px){.predefined-questions{grid-template-columns:1fr;gap:0.75rem}.question-btn{padding:0.875rem 1rem}.message-content{padding:0.875rem 1rem}.user-message .message-content{max-width:85%}}*/ /* ============================================================================ Demo Properties Navigation Section (lines 2098-2266) MIGRATED TO demo-styles.css on 2025-09-05 Analysis Results:- 13 CSS classes total,0 dead code (100% active) - All classes verified as used in demo_dashboard.html - 169 lines successfully migrated - Exclusive to demo functionality ============================================================================ */ .demo-banner .btn{background:rgba(255,255,255,0.9);color:var(--slate-800,#1e293b) !important;border:1px solid rgba(0,0,0,0.12)}.demo-banner .btn:hover{background:#ffffff;transform:translateY(-1px)}:root{--demo-primary-bg:rgba(79,70,229,0.06);--demo-primary-hover-bg:rgba(79,70,229,0.09);--demo-primary-border:rgba(79,70,229,0.20);--demo-primary-contrast-bg:rgba(255,255,255,0.85);--demo-primary-contrast-border:rgba(0,0,0,0.12);--demo-context-bg:rgba(79,70,229,0.06);--demo-context-border:rgba(79,70,229,0.18);--demo-business-bg:rgba(30,64,175,0.08);--demo-business-hover-bg:rgba(30,64,175,0.12);--demo-business-border:rgba(30,64,175,0.20);--demo-leisure-bg:rgba(124,58,237,0.08);--demo-leisure-hover-bg:rgba(124,58,237,0.12);--demo-leisure-border:rgba(124,58,237,0.20)}/* ===================================================== ENHANCED DEMO HEADER BANNERS ===================================================== */ .demo-banner{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:1rem 2rem;border-radius:12px;margin:-2rem -2rem 2rem -2rem;box-shadow:var(--glass-shadow);opacity:0.92;transition:opacity 0.3s ease}.demo-banner:hover{opacity:1}.demo-banner-content{display:flex;justify-content:space-between;align-items:center;width:100%}.demo-banner-left{display:flex;align-items:center;gap:1rem}.demo-banner-right{flex-shrink:0}.demo-badge{background:var(--material-ultra-thin-bg);color:var(--glass-text-overlay);padding:0.25rem 0.75rem;border-radius:16px;font-weight:600;font-size:0.85rem;border:1px solid var(--material-ultra-thin-border);transition:all 0.3s ease}.demo-badge:hover{background:var(--material-thin-bg);color:white}.demo-text{color:var(--glass-text-overlay);font-weight:500}/* ===================================================== DEMO INDICATOR COMPONENTS ===================================================== */ .demo-indicator{display:flex;align-items:center;gap:0.5rem;background:var(--demo-primary-bg);color:#4f46e5;padding:0.5rem 0.75rem;border-radius:8px;font-size:0.875rem;font-weight:500;border:1px solid var(--demo-primary-border);transition:all 0.3s ease;opacity:0.85}.demo-indicator:hover{background:var(--demo-primary-hover-bg);opacity:1;transform:translateY(-1px)}.demo-indicator i{font-size:1rem;color:#4f46e5;opacity:0.8}/* ===================================================== CONTEXT BADGES (Minimal Demo Indicators) ===================================================== */ .context-badge{background:var(--demo-context-bg);color:#4f46e5;padding:0.25rem 0.5rem;border-radius:6px;font-size:0.75rem;font-weight:500;border:1px solid var(--demo-context-border);opacity:0.8;transition:all 0.3s ease}.context-badge:hover{background:var(--demo-primary-hover-bg);opacity:1}/* ===================================================== UNIVERSAL PROPERTY COMPONENTS ===================================================== */ .back-button{display:inline-flex;align-items:center;gap:0.5rem;background:#6b7280;color:white;padding:0.5rem 1rem;border-radius:6px;text-decoration:none;font-size:0.875rem;font-weight:500;transition:background-color 0.2s ease;margin-bottom:1rem}.back-button:hover{background:#4b5563;color:white;text-decoration:none}.property-type{color:var(--slate-600,#475569);font-style:italic;margin-bottom:1rem;margin-top:0.5rem}.dashboard-title + .property-type{margin-top:-1rem}.property-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.property-stats-grid .stat-card{background:white;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid #e5e7eb;backdrop-filter:none;-webkit-backdrop-filter:none}.dashboard .container .card .card-header{background:var(--material-thin-bg);color:var(--slate-800,#1e293b);padding:1.25rem 1.5rem;border-bottom:1px solid var(--material-thin-border);backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));-webkit-backdrop-filter:blur(var(--material-thin-blur)) saturate(var(--material-thin-saturate));border-radius:12px 12px 0 0}.dashboard .container .card .card-header h3{color:var(--slate-800,#1e293b);margin:0 0 0.5rem 0;font-size:1.25rem;font-weight:600}.dashboard .container .card .card-header small{color:var(--slate-500,#64748b);font-size:0.875rem}.stat-value{font-size:2.5rem;font-weight:700;color:#10b981;display:block}.stat-label{color:var(--slate-500,#64748b);font-size:0.875rem;font-weight:500;margin-top:0.5rem}body.page-demo .card-header small{color:var(--slate-500,#64748b)}/* ===================================================== PROPERTY-SPECIFIC STYLING ===================================================== */ .grand-plaza .demo-indicator{background:var(--demo-business-bg);color:#1e40af;border-color:var(--demo-business-border)}.grand-plaza .demo-indicator:hover{background:var(--demo-business-hover-bg)}.grand-plaza .demo-indicator i{color:#1e40af}.seaside-resort .demo-indicator{background:var(--demo-leisure-bg);color:#7c3aed;border-color:var(--demo-leisure-border)}.seaside-resort .demo-indicator:hover{background:var(--demo-leisure-hover-bg)}.seaside-resort .demo-indicator i{color:#7c3aed}/* ===================================================== RESPONSIVE DESIGN ===================================================== */ @media (max-width:768px){.demo-banner{padding:0.75rem 1rem;margin:-1rem -1rem 1rem -1rem}.demo-banner-content{flex-direction:column;gap:1rem;text-align:center}.demo-banner-left{flex-direction:column;gap:0.5rem}.demo-indicator{font-size:0.8rem;padding:0.4rem 0.6rem}.demo-badge{font-size:0.8rem;padding:0.2rem 0.6rem}}@media (max-width:480px){.demo-banner{border-radius:0 0 8px 8px}.demo-indicator{font-size:0.75rem;padding:0.35rem 0.5rem}.demo-text{font-size:0.9rem}}/* ===================================================== ACCESSIBILITY & REDUCED MOTION ===================================================== */ @media (prefers-reduced-motion:reduce){.demo-indicator,.demo-badge,.demo-banner{transition:none}.demo-indicator:hover{transform:none}}@media (prefers-contrast:high){.demo-indicator{background:var(--demo-primary-contrast-bg);border-color:var(--demo-primary-contrast-border);opacity:1}.demo-badge{background:var(--material-thin-bg);border:1px solid var(--material-thick-border)}}/* ===================================================== PRINT STYLES (Hide Demo Indicators) ===================================================== */ @media print{.demo-banner,.demo-indicator,.demo-badge,.context-badge{display:none !important}}/* ===================================================== LEGACY SUPPORT (Override Existing Inline Styles) ===================================================== */ .demo-indicator[style]{background:var(--demo-primary-bg) !important;color:#4f46e5 !important;opacity:0.85 !important}.demo-watermark::before{display:none !important}/* ===================================================== DEMO ANALYSIS PAGE COMPONENTS (Merged from analysis.css - Demo-only styling) ===================================================== */ .btn-sm{padding:0.5rem 1rem;font-size:0.875rem;border-radius:6px;min-height:36px}.overview-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;text-align:center}.stat-item{padding:1.5rem;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-value{font-size:2.5rem;font-weight:bold;color:#10b981;margin-bottom:0.5rem}.stat-label{color:var(--slate-500,#64748b);font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em}.analysis-results{margin:2rem 0 !important;display:block !important;visibility:visible !important}.analysis-content{width:100% !important;display:block !important;visibility:visible !important}.analysis-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;gap:2rem !important;margin-bottom:2rem !important;visibility:visible !important}.analysis-results .card,.analysis-grid .card{display:block !important;visibility:visible !important;opacity:1 !important;background:var(--material-ultra-thin-bg) !important;border:1px solid var(--material-ultra-thin-border) !important;border-radius:12px !important;margin-bottom:2rem !important}.analysis-results .card-body,.analysis-grid .card .card-body{display:block !important;visibility:visible !important;padding:2rem !important}.table-container{background:white !important;border-radius:12px !important;overflow:hidden !important;box-shadow:var(--glass-shadow) !important;margin-bottom:1rem !important;display:block !important;visibility:visible !important}.table{width:100% !important;border-collapse:collapse !important;margin:0 !important;display:table !important;visibility:visible !important;opacity:1 !important}.table thead{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%)}.table th{padding:1.25rem 1.5rem;font-weight:600;color:#1f2937;border-bottom:2px solid var(--material-ultra-thin-bg);font-size:14px;text-align:left}.table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--material-ultra-thin-bg);font-size:15px;color:#374151;vertical-align:top}.table tbody tr:hover{background:var(--table-hover-bg)}.table tbody tr:last-child td{border-bottom:none}.badge{display:inline-block;padding:0.375rem 0.75rem;font-size:0.75rem;font-weight:600;border-radius:0.375rem;text-align:center;white-space:nowrap}.badge-success{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.badge-warning{background-color:#fef3c7;color:#92400e;border:1px solid #fde68a}.text-muted{color:#6b7280;font-size:0.875rem}.analysis-results .card-header,.analysis-grid .card .card-header{padding:1.5rem !important;border-bottom:1px solid #e2e8f0 !important;background:var(--material-thin-bg) !important;position:relative !important;display:block !important;visibility:visible !important}.card-header h3{margin:0 0 0.5rem 0;color:#1f2937;font-size:1.25rem;font-weight:600}.card-header small{color:#6b7280;font-size:0.875rem}.card-header.accent{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:white;border-bottom:1px solid var(--material-thin-border)}.card-header.accent h3{color:white}.card-header.accent small{color:var(--glass-text-overlay)}.card-header.accent .demo-indicator{background:var(--material-thin-bg);color:white;border:1px solid var(--material-thin-border)}.card-header.negative{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);color:white;border-bottom:1px solid var(--material-thin-border)}.card-header.negative h3{color:white}.card-header.negative small{color:var(--glass-text-overlay)}.card-header.negative .demo-indicator{background:var(--material-thin-bg);color:white;border:1px solid var(--material-thin-border)}.sentiment-bar{display:flex;align-items:center;gap:0.5rem}.sentiment-fill{height:8px;background:#10b981;border-radius:4px;position:relative}.sentiment-fill.positive{background:linear-gradient(90deg,#10b981,#34d399)}.impact-level{padding:2px 8px;border-radius:12px;font-size:0.75rem;font-weight:500}.impact-level.medium{background:var(--warning-bg);color:#f59e0b}.impact-level.low{background:var(--muted-bg);color:#6b7280}.keywords-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0.75rem;padding:1rem 0}.keyword-item{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 1rem;background:#f8fafc;border-radius:8px;border-left:4px solid #e5e7eb;transition:all 0.2s ease}.keyword-item:hover{background:#f1f5f9;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.keyword-item.high-frequency{border-left-color:#10b981;background:rgba(16,185,129,0.05)}.keyword-item.medium-frequency{border-left-color:#f59e0b;background:rgba(245,158,11,0.05)}.keyword-item.low-frequency{border-left-color:#6b7280;background:rgba(107,114,128,0.05)}.keyword-term{font-weight:600;color:#1f2937;font-size:0.875rem}.keyword-count{font-size:0.8125rem;color:#6b7280;font-weight:500}.insights-container{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;gap:1.5rem !important;visibility:visible !important;opacity:1 !important}.insight-item{padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;gap:1rem}.insight-item.positive{background:var(--success-light-bg);border-color:var(--success-border)}.insight-item.improvement{background:var(--warning-light-bg);border-color:var(--warning-border)}.insight-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.insight-item.positive .insight-icon{background:var(--success-bg);color:#10b981}.insight-item.improvement .insight-icon{background:var(--warning-bg);color:#f59e0b}.insight-content h4{margin:0 0 0.5rem 0;color:#1f2937}.insight-content p{margin:0;color:#6b7280;font-size:0.875rem;line-height:1.5}.form-actions{display:flex;justify-content:center;gap:1rem;margin:2rem 0}.demo-cta-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border:none;margin-top:2rem;border-radius:12px}.demo-cta-content{display:flex;align-items:center;justify-content:space-between;gap:2rem}.demo-cta-left h3{margin:0 0 0.5rem 0;color:white}.demo-cta-left p{margin:0;color:var(--glass-text-overlay)}.demo-cta-right{display:flex;gap:1rem;flex-shrink:0}.ai-assistant-trigger{width:100%;max-width:600px;margin:2rem auto;background:none;border:none;padding:0;cursor:pointer;transition:all 0.2s ease;display:block;border-radius:16px;overflow:hidden;box-shadow:var(--glass-shadow)}.ai-assistant-trigger:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.trigger-content{display:flex;align-items:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;text-align:left}.trigger-icon{width:60px;height:60px;border-radius:50%;background:var(--material-thin-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.5rem}.trigger-text{flex:1}.trigger-text h4{margin:0 0 0.5rem 0;font-size:1.25rem;font-weight:600;color:white}.trigger-text p{margin:0;opacity:0.9;font-size:0.95rem}.trigger-arrow{font-size:1.25rem;opacity:0.8;transition:transform 0.2s ease}.ai-assistant-trigger:hover .trigger-arrow{transform:translateX(4px)}/* ===================================================== REVIEW CARDS & NAVIGATION - Universal Components ===================================================== */ .demo-reviews-container{width:100%;margin:0;padding:0}.unified-reviews{width:100%;margin:0;padding:0}.navigation-section{margin:2rem 0;text-align:center}.analysis-link{display:inline-flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,#059669,#10b981);color:white;padding:0.75rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:600;transition:transform 0.2s ease}.analysis-link:hover{transform:translateY(-2px);color:white;text-decoration:none}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.insight-item{padding:1.5rem;border-radius:8px;border:1px solid #e2e8f0;display:flex;gap:1rem}.insight-item.positive{background:rgba(16,185,129,0.05);border-color:rgba(16,185,129,0.2)}.insight-item.improvement{background:rgba(245,158,11,0.05);border-color:rgba(245,158,11,0.2)}.insight-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.insight-item.positive .insight-icon{background:rgba(16,185,129,0.1);color:#10b981}.insight-item.improvement .insight-icon{background:rgba(245,158,11,0.1);color:#f59e0b}.insight-content h4{margin:0 0 0.5rem 0;color:#1f2937;font-size:1.125rem;font-weight:600}.insight-content p{margin:0;color:#6b7280;font-size:0.875rem;line-height:1.5}.analysis-cta{text-align:center;padding:2rem;background:var(--material-ultra-thin-bg);border-radius:12px;border:1px solid var(--material-ultra-thin-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(8px);margin-top:2rem}.analysis-cta h4{margin:0 0 0.5rem 0;color:#1f2937;font-size:1.25rem;font-weight:600}.analysis-cta p{margin:0 0 1.5rem 0;color:#6b7280;font-size:0.95rem}.cta-banner{background:linear-gradient(135deg,#7c3aed,#a855f7);color:white;padding:2rem;border-radius:12px;text-align:center;margin:2rem 0}.cta-banner h3{margin-bottom:1rem;font-size:1.5rem}.cta-banner p{margin-bottom:1.5rem;opacity:0.9}.cta-button{background:white;color:#7c3aed;padding:0.75rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;display:inline-block;transition:transform 0.2s ease}.cta-button:hover{transform:translateY(-2px);text-decoration:none;color:#7c3aed}.sentiment-score-card{background:linear-gradient(135deg,#059669,#10b981);color:white;border-radius:16px;padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:var(--glass-shadow)}.sentiment-score-value{font-size:4rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.sentiment-score-label{font-size:1.25rem;opacity:0.9;margin-top:0.5rem}.sentiment-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}.sentiment-section{background:white;border-radius:12px;padding:1.5rem;box-shadow:var(--glass-shadow);border:1px solid #e5e7eb}.sentiment-section.positive{border-left:4px solid #10b981}.sentiment-section.negative{border-left:4px solid #f59e0b}.sentiment-section h4{margin:0 0 1rem 0;color:#1f2937;font-size:1.125rem;font-weight:600}.dimensions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.dimension-card{background:white;border-radius:12px;padding:1.5rem;text-align:center;box-shadow:var(--glass-shadow);border:1px solid #e5e7eb;transition:transform 0.2s ease}.dimension-card:hover{transform:translateY(-2px);box-shadow:var(--glass-shadow-hover)}.dimension-value{font-size:2.5rem;font-weight:700;color:#10b981;display:block;margin-bottom:0.5rem}.dimension-label{color:#6b7280;font-size:0.875rem;font-weight:500}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin:2rem 0}.recommendation-item{background:white;border-radius:12px;padding:1.5rem;box-shadow:var(--glass-shadow);border:1px solid #e5e7eb;border-left:4px solid #4f46e5}.recommendation-item h4{margin:0 0 0.75rem 0;color:#1f2937;font-size:1.125rem;font-weight:600}.recommendation-item p{margin:0;color:#6b7280;font-size:0.875rem;line-height:1.5}.floating-ai-assistant{position:fixed;bottom:2rem;right:2rem;z-index:1000;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:50%;width:64px;height:64px;cursor:pointer;box-shadow:0 8px 32px rgba(79,70,229,0.4);transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;animation:float 3s ease-in-out infinite}.floating-ai-assistant:hover{transform:scale(1.1);box-shadow:0 12px 40px rgba(79,70,229,0.6)}.floating-ai-assistant i{font-size:1.5rem;color:white}.floating-ai-assistant::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#4f46e5,#7c3aed,#06b6d4,#10b981);border-radius:50%;z-index:-1;animation:spin 4s linear infinite;opacity:0.7}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.floating-ai-tooltip{position:absolute;bottom:120%;right:0;background:var(--material-thin-bg);backdrop-filter:blur(12px);border:1px solid var(--material-thin-border);border-radius:8px;padding:0.75rem 1rem;white-space:nowrap;font-size:0.875rem;color:#1f2937;opacity:0;transform:translateY(10px);transition:all 0.3s ease;pointer-events:none}.floating-ai-assistant:hover .floating-ai-tooltip{opacity:1;transform:translateY(0)}.liquid-glass-cta{background:var(--material-thin-bg);backdrop-filter:blur(12px);border:1px solid var(--material-thin-border);border-radius:20px;margin:3rem 0;padding:3rem;text-align:center;box-shadow:var(--glass-shadow-hover);position:relative;overflow:hidden}.liquid-glass-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--glass-highlight),transparent);opacity:0.8}.liquid-glass-cta h3{margin:0 0 1rem 0;font-size:2rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#4f46e5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.liquid-glass-cta p{margin:0 0 2.5rem 0;color:#6b7280;font-size:1.1rem;line-height:1.6;opacity:0.9}.cta-actions{display:flex;gap:1.5rem;justify-content:center;align-items:center;flex-wrap:wrap}.cta-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;border:none;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(79,70,229,0.3);position:relative;overflow:hidden}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(79,70,229,0.4);color:white;text-decoration:none}.cta-secondary{background:var(--material-ultra-thin-bg);color:#4f46e5;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;border:1px solid var(--material-thin-border);transition:all 0.3s ease;backdrop-filter:blur(8px)}.cta-secondary:hover{background:var(--material-thin-bg);transform:translateY(-2px);color:#4f46e5;text-decoration:none;box-shadow:var(--glass-shadow)}/* ===================================================== DEMO ANALYSIS RESPONSIVE DESIGN ===================================================== */ @media (max-width:768px){.analysis-grid{grid-template-columns:1fr !important}.demo-cta-content{flex-direction:column;text-align:center}.demo-cta-right{flex-direction:column;width:100%}.insights-container{grid-template-columns:1fr !important}.insights-grid{grid-template-columns:1fr}.liquid-glass-cta{padding:2rem 1rem;margin:2rem 0;border-radius:16px}.liquid-glass-cta h3{font-size:1.5rem}.liquid-glass-cta p{font-size:1rem}.cta-actions{flex-direction:column;gap:1rem}.cta-primary,.cta-secondary{width:100%;text-align:center}}/* ======================================== SENTIMENT ANALYSIS COMPONENTS ======================================== */ .sentiment-score-description{margin-top:1rem;opacity:0.9;font-size:0.9rem}.sentiment-list{list-style:none;padding:0;margin:1rem 0 0 0}.sentiment-item-positive{background:#ecfdf5;padding:0.75rem 1rem;margin-bottom:0.5rem;border-radius:8px;border-left:3px solid #10b981}.sentiment-item-negative{background:#fffbeb;padding:0.75rem 1rem;margin-bottom:0.5rem;border-radius:8px;border-left:3px solid #f59e0b}/* ======================================== UNIFIED CTA COMPONENT ======================================== */ .unified-cta{margin:4rem 0;position:relative}.cta-glass-container{background:var(--material-thin-bg);backdrop-filter:blur(16px);border:1px solid var(--material-thin-border);border-radius:24px;padding:3rem;position:relative;overflow:hidden;box-shadow:var(--glass-shadow-hover)}.cta-geometric-border{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(79,70,229,0.2),rgba(79,70,229,0.1));border-radius:25px;z-index:-1;animation:subtleBorderPulse 3s ease-in-out infinite}@keyframes subtleBorderPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.cta-content-grid{position:relative;z-index:2}.cta-dynamic-title{font-size:2.5rem;font-weight:700;margin:0 0 2rem 0;line-height:1.2;text-align:center}.cta-title-line{color:#1f2937;margin-bottom:0.5rem}.cta-rotating-line{min-height:1.2em;display:flex;justify-content:center;align-items:center;position:relative}.cta-highlight-text{background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite;position:relative;transition:opacity 0.3s ease}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.cta-rotating-line::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);background-size:200% 200%;border-radius:2px;animation:gradientShift 3s ease-in-out infinite;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.cta-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:3rem;font-weight:400;line-height:1.6;max-width:650px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.cta-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(79,70,229,0.3);transition:all 0.3s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,70,229,0.4);color:white;text-decoration:none}.cta-shine-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.cta-secondary{background:var(--material-ultra-thin-bg);color:#4f46e5;padding:1rem 2.5rem;border:1px solid var(--material-thin-border);border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;backdrop-filter:blur(8px)}.cta-secondary:hover{background:var(--material-thin-bg);color:#4f46e5;text-decoration:none;transform:translateY(-1px);box-shadow:var(--glass-shadow)}.cta-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0.4}.cta-float-circle{position:absolute;border-radius:50%;background:rgba(79,70,229,0.03);border:1px solid rgba(79,70,229,0.08)}.cta-circle-1{width:40px;height:40px;top:15%;left:15%;animation:subtleFloatMove1 12s ease-in-out infinite}.cta-circle-2{width:30px;height:30px;top:30%;right:20%;animation:subtleFloatMove2 10s ease-in-out infinite}.cta-circle-3{width:50px;height:50px;bottom:20%;left:25%;animation:subtleFloatMove3 15s ease-in-out infinite}@keyframes subtleFloatMove1{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-8px)}}@keyframes subtleFloatMove2{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,12px)}}@keyframes subtleFloatMove3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6px,-10px) scale(1.05)}}@media (max-width:768px){.cta-glass-container{padding:2rem 1.5rem}.cta-actions{flex-direction:column;gap:1rem}.cta-dynamic-title{font-size:2rem}.cta-subtitle{font-size:1rem}}/* ============================================================================ MIGRATED FROM dashboard.css - Demo Review Styles (Section 2) Migrated:2025-09-05 Lines:1774-2330 (557 lines) Analysis:39 classes,0 dead code (100% active) Used in:demo_dashboard.html,demo-grand-plaza.html,demo-seaside-resort.html ============================================================================ */ .demo-reviews-container{display:flex;flex-direction:column;gap:1.5rem}.review-card{background:white;border-radius:16px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--material-ultra-thin-shadow);border:1px solid #e5e7eb;transition:all 0.3s cubic-bezier(0.25,0.1,0.25,1)}.review-card:hover{transform:translateY(-2px);box-shadow:var(--material-regular-shadow)}.review-card.response-selected{border-color:#10b981;box-shadow:0 4px 16px rgba(16,185,129,0.15)}.review-header{display:flex;flex-direction:column;align-items:flex-start;margin:-1.5rem -1.5rem 1rem -1.5rem;padding:1rem 1rem;border-bottom:1px solid #f3f4f6;background:transparent;gap:0.75rem}.platform-logo{display:flex;align-items:center;gap:0.75rem;width:100%}.platform-icon:not(img){width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#374151;transition:all 0.2s ease}.platform-name{font-weight:600;font-size:0.95rem;color:#374151}.review-rating{display:flex;align-items:center;gap:0.25rem;font-weight:600;width:100%;justify-content:flex-start}.booking-rating{color:#1976d2}.booking-rating .rating-value{font-size:1.25rem}.booking-rating .rating-scale{font-size:0.9rem;color:#666}.google-rating{color:#4285f4}.google-rating .stars{display:flex;gap:2px;flex-wrap:nowrap;flex-shrink:1;min-width:0}.google-rating .stars i{font-size:16px;flex-shrink:0}.google-rating .stars i.filled{color:#fbbf24}.google-rating .stars i:not(.filled){color:#d1d5db}.google-rating .rating-text{font-size:0.9rem;margin-left:0.25rem}.tripadvisor-rating{color:#00aa6c}.tripadvisor-rating .bubbles{display:flex;gap:3px}.tripadvisor-rating .bubbles i{font-size:14px}.tripadvisor-rating .bubbles i.filled{color:#00aa6c}.tripadvisor-rating .bubbles i:not(.filled){color:#d1d5db}.tripadvisor-rating .rating-text{font-size:0.9rem;margin-left:0.25rem}.reviewer-info{padding:0 1.25rem 1rem;display:flex;justify-content:space-between;align-items:center}.reviewer-details{display:flex;flex-direction:column;gap:0.25rem}.reviewer-name{font-weight:600;color:#111827;font-size:0.95rem}.reviewer-location{font-size:0.85rem;color:#6b7280}.review-date{font-size:0.85rem;color:#6b7280}.review-content{padding:0 1.25rem 1.25rem}.review-content p{line-height:1.6;color:#374151;margin:0;font-size:0.95rem}.review-actions{padding:0 1.25rem 1.25rem;display:flex;align-items:center;gap:1rem}.btn-generate-response{background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));color:var(--ai-icon-blue);border:1px solid var(--material-regular-border);padding:0.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:0.9rem;cursor:pointer;transition:all 0.2s cubic-bezier(0.175,0.885,0.32,1.275);display:flex;align-items:center;gap:0.5rem;position:relative;overflow:hidden}.btn-generate-response::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.08;pointer-events:none}.btn-generate-response:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--material-thick-shadow);background:var(--material-thick-bg)}.btn-generate-response:hover:not(:disabled)::before{opacity:0.12}.btn-generate-response:disabled{opacity:0.7;cursor:not-allowed}.response-status{display:flex;align-items:center;gap:0.5rem;color:#10b981;font-weight:600;font-size:0.9rem}.response-options{padding:1.5rem;background:#f9fafb;border-top:1px solid #e5e7eb;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.response-options-header h4{margin:0 0 1rem 0;color:#374151;font-size:1rem;font-weight:600}.response-option{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem;margin-bottom:1rem;transition:all 0.2s ease}.response-option:last-child{margin-bottom:0}.response-option:hover{border-color:#007AFF;box-shadow:0 2px 8px rgba(0,122,255,0.1)}.response-tone-label{font-weight:600;color:#007AFF;margin-bottom:0.75rem;font-size:0.9rem}.response-text{line-height:1.6;color:#374151;margin-bottom:1rem;font-size:0.9rem}.btn-select-response{background:white;color:#007AFF;border:1px solid #007AFF;padding:0.5rem 1rem;border-radius:6px;font-weight:600;font-size:0.85rem;cursor:pointer;transition:all 0.2s ease}.btn.btn-outline.btn-select-response,button.btn.btn-outline.btn-select-response{color:var(--slate-800,#1e293b) !important;border-color:var(--border-neutral,rgba(0,0,0,0.12))}.btn-select-response:hover:not(:disabled){background:#007AFF;color:white;transform:translateY(-1px)}.btn-select-response.btn-success{background:#10b981;color:white;border-color:#10b981}.btn-select-response:disabled{opacity:0.7;cursor:not-allowed}.booking-theme{border-left:4px solid #1976d2}.google-theme{border-left:4px solid #4285f4}.tripadvisor-theme{border-left:4px solid #00aa6c}.business-response{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;overflow:hidden;box-shadow:var(--material-ultra-thin-shadow);animation:slideDown 0.4s ease-out}.business-response-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));color:var(--heading-color);border-bottom:1px solid var(--material-regular-border);position:relative;overflow:hidden}.business-response-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(30,41,59,0.08) 0%,rgba(51,65,85,0.08) 100%);pointer-events:none}.business-response-label{display:flex;align-items:center;gap:0.5rem;font-weight:600;font-size:0.9rem}.business-response-label i{color:#10b981;font-size:1rem}.response-tone-tag{background:rgba(16,185,129,0.2);color:#10b981;padding:0.25rem 0.5rem;border-radius:4px;font-size:0.75rem;font-weight:500;margin-left:0.5rem}.response-date{font-size:0.8rem;color:#94a3b8;font-weight:500}.business-response-content{padding:1.25rem}.response-text-display{margin:0;line-height:1.6;color:#374151;font-size:0.95rem;background:white;padding:1rem 1.25rem;border-radius:8px;border-left:4px solid #10b981;box-shadow:var(--material-ultra-thin-shadow);position:relative}.response-text-display::before{content:'"';position:absolute;top:-10px;left:10px;font-size:2rem;color:#10b981;font-family:serif;opacity:0.3}.booking-theme .business-response{border-left:4px solid #1976d2}.booking-theme .business-response-label i{color:#1976d2}.booking-theme .response-tone-tag{background:rgba(25,118,210,0.2);color:#1976d2}.booking-theme .response-text-display{border-left-color:#1976d2}.booking-theme .response-text-display::before{color:#1976d2}.google-theme .business-response{border-left:4px solid #4285f4}.google-theme .business-response-label i{color:#4285f4}.google-theme .response-tone-tag{background:rgba(66,133,244,0.2);color:#4285f4}.google-theme .response-text-display{border-left-color:#4285f4}.google-theme .response-text-display::before{color:#4285f4}.tripadvisor-theme .business-response{border-left:4px solid #00aa6c}.tripadvisor-theme .business-response-label i{color:#00aa6c}.tripadvisor-theme .response-tone-tag{background:rgba(0,170,108,0.2);color:#00aa6c}.tripadvisor-theme .response-text-display{border-left-color:#00aa6c}.tripadvisor-theme .response-text-display::before{color:#00aa6c}@media (max-width:768px){.review-header{flex-direction:column;align-items:flex-start;gap:0.75rem}.reviewer-info{flex-direction:column;align-items:flex-start;gap:0.5rem}.response-option{padding:1rem}.response-options{padding:1rem}.btn-generate-response{font-size:0.85rem;padding:0.625rem 1.25rem}.business-response-header{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1rem}.business-response-content{padding:1rem}.response-text-display{padding:0.875rem 1rem;font-size:0.9rem}}.properties-nav-intro{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem}.properties-nav-intro p{margin:0;color:#1f2937;font-size:0.95rem;line-height:1.6}.properties-nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:2rem}.property-nav-card{background:white;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;box-shadow:var(--material-ultra-thin-shadow);transition:transform 0.2s ease,box-shadow 0.2s ease;display:flex;flex-direction:column;height:100%}.property-nav-card:hover{transform:translateY(-2px);box-shadow:var(--material-thin-shadow)}.property-nav-header{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.property-nav-icon{width:48px;height:48px;border-radius:12px;background:var(--material-regular-bg);backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));-webkit-backdrop-filter:blur(var(--material-regular-blur)) saturate(var(--material-regular-saturate));border:1px solid var(--material-regular-border);color:var(--ai-icon-blue);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;position:relative;overflow:hidden}.property-nav-icon::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--ai-accent-gradient);opacity:0.12;pointer-events:none}.property-nav-info{flex:1}.property-nav-info h4{margin:0 0 0.25rem 0;color:var(--slate-800,#1e293b);font-size:1.125rem;font-weight:600}.property-nav-type{margin:0 0 0.5rem 0;color:var(--slate-600,#475569);font-size:0.875rem;font-style:italic}.property-nav-stats{color:var(--slate-500,#64748b);font-size:0.75rem;font-weight:500}.property-nav-description{margin-bottom:1.5rem}.property-nav-description p{margin:0;color:var(--slate-700,#334155);font-size:0.875rem;line-height:1.5}.property-nav-actions{text-align:center}.property-nav-actions .btn{background:var(--color-surface,#ffffff);color:var(--slate-800,#1e293b) !important;border:1px solid var(--border-neutral,rgba(0,0,0,0.12))}.property-nav-actions .btn:hover{background:rgba(0,0,0,0.03)}.properties-nav-note{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem 1.5rem}.note-content{display:flex;align-items:flex-start;gap:0.75rem}.note-content i{color:#f59e0b;font-size:1.125rem;margin-top:0.125rem;flex-shrink:0}.note-text{color:#92400e;font-size:0.875rem;line-height:1.5}.note-text strong{color:#78350f}@media (max-width:768px){.properties-nav-grid{grid-template-columns:1fr;gap:1.5rem}.property-nav-header{flex-direction:column;text-align:center;gap:0.75rem}.property-nav-icon{align-self:center}.properties-nav-intro{padding:1rem}.note-content{flex-direction:column;gap:0.5rem;text-align:center}}@media (max-width:480px){.review-card{padding:1rem}.review-header{margin:-1rem -1rem 1rem -1rem;padding:0.75rem;gap:0.5rem}.google-rating .stars i{font-size:14px}}/* ======================================== UNIFIED CTA COMPONENT ======================================== */ .unified-cta{margin:4rem 0;position:relative}.cta-glass-container{background:var(--material-thin-bg);backdrop-filter:blur(16px);border:1px solid var(--material-thin-border);border-radius:24px;padding:3rem;position:relative;overflow:hidden;box-shadow:var(--glass-shadow-hover)}.cta-geometric-border{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,rgba(79,70,229,0.2),rgba(79,70,229,0.1));border-radius:25px;z-index:-1;animation:subtleBorderPulse 3s ease-in-out infinite}@keyframes subtleBorderPulse{0%,100%{opacity:0.5}50%{opacity:0.8}}.cta-content-grid{position:relative;z-index:2}.cta-dynamic-title{font-size:2.5rem;font-weight:700;margin:0 0 2rem 0;line-height:1.2;text-align:center}.cta-title-line{color:#1f2937;margin-bottom:0.5rem}.cta-rotating-line{min-height:1.2em;display:flex;justify-content:center;align-items:center;position:relative}.cta-highlight-text{background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 4s ease-in-out infinite;position:relative;transition:opacity 0.3s ease}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.cta-rotating-line::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:linear-gradient(135deg,#4f46e5,#7c3aed,#06b6d4);background-size:200% 200%;border-radius:2px;animation:gradientShift 3s ease-in-out infinite;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.cta-subtitle{text-align:center;font-size:1.1rem;color:#6b7280;margin-bottom:3rem;font-weight:400;line-height:1.6;max-width:650px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.cta-primary{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:white;padding:1rem 2.5rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1rem;position:relative;overflow:hidden;box-shadow:0 4px 20px rgba(79,70,229,0.3);transition:all 0.3s ease}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,70,229,0.4);color:white;text-decoration:none}.cta-shine-effect{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}100%{left:100%}}.cta-secondary{background:var(--material-ultra-thin-bg);color:#4f46e5;padding:1rem 2.5rem;border:1px solid var(--material-thin-border);border-radius:12px;text-decoration:none;font-weight:600;transition:all 0.3s ease;backdrop-filter:blur(8px)}.cta-secondary:hover{background:var(--material-thin-bg);color:#4f46e5;text-decoration:none;transform:translateY(-1px);box-shadow:var(--glass-shadow)}.cta-floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;opacity:0.4}.cta-float-circle{position:absolute;border-radius:50%;background:rgba(79,70,229,0.03);border:1px solid rgba(79,70,229,0.08)}.cta-circle-1{width:40px;height:40px;top:15%;left:15%;animation:subtleFloatMove1 12s ease-in-out infinite}.cta-circle-2{width:30px;height:30px;top:30%;right:20%;animation:subtleFloatMove2 10s ease-in-out infinite}.cta-circle-3{width:50px;height:50px;bottom:20%;left:25%;animation:subtleFloatMove3 15s ease-in-out infinite}@keyframes subtleFloatMove1{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-8px)}}@keyframes subtleFloatMove2{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,12px)}}@keyframes subtleFloatMove3{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6px,-10px) scale(1.05)}}@media (max-width:768px){.cta-glass-container{padding:2rem 1.5rem}.cta-actions{flex-direction:column;gap:1rem}.cta-dynamic-title{font-size:2rem}.cta-subtitle{font-size:1rem}}.btn.btn-outline.btn-select-response,button.btn.btn-outline.btn-select-response{background:var(--color-surface,#ffffff);color:var(--slate-800,#1e293b) !important;border-color:var(--border-neutral,rgba(0,0,0,0.12))}.btn.btn-outline.btn-select-response:hover,button.btn.btn-outline.btn-select-response:hover{background:rgba(0,0,0,0.03)}.btn-generate-response{background:var(--material-regular-bg,rgba(255,255,255,0.25));color:var(--ai-icon-blue,#0066CC);border:1px solid var(--material-regular-border,rgba(255,255,255,0.3))}