/* Cookies Policy CSS */
:root{
  --brand-teal:#117e77; --brand-deep:#0b3b3a; --brand-gold:#e3b34b; --brand-orange:#d96a2b;
  --bg: radial-gradient(900px 600px at -10% -10%, rgba(245,231,198,0.75) 0%, transparent 60%),
        radial-gradient(900px 600px at 110% 0%, rgba(17,126,119,0.12) 0%, transparent 60%),
        linear-gradient(180deg, #ffffff, #f8fafc);
  --glass: rgba(255,255,255,0.82); --glass-strong: rgba(255,255,255,0.96); --panel: linear-gradient(180deg, rgba(255,255,255,0.95), rgba(248,250,252,0.92));
  --text:#0f172a; --muted:#64748b; --border:1px solid rgba(2,6,23,0.08);
  --shadow:0 10px 30px rgba(2,6,23,0.08), inset 0 1px 0 rgba(255,255,255,0.6); --radius:18px;
}

[data-theme="dark"]{
  --bg:radial-gradient(1200px 800px at 20% -10%, rgba(17,126,119,0.35) 0%, transparent 60%),
       radial-gradient(1000px 800px at 120% 10%, rgba(227,179,75,0.15) 0%, transparent 60%),
       linear-gradient(180deg, #0b1217, #0b1217);
  --glass:rgba(255,255,255,0.22); --glass-strong:rgba(255,255,255,0.32);
  --panel: linear-gradient(180deg, #18222b, #0f1720);
  --text:#e5e7eb; --muted:#9ca3af; --border:1px solid rgba(255,255,255,0.18);
  --shadow:0 10px 30px rgba(0,0,0,0.45), inset 0 1px 1px rgba(255,255,255,0.08);
}

*{box-sizing:border-box}
body{margin:0;font:15px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Arial; color:var(--text); background-image:var(--bg);} 
.container{max-width:1200px;margin:0 auto;padding:24px}

/* Breadcrumbs */
.breadcrumbs{margin:16px 0; display:flex; gap:8px; align-items:center; flex-wrap:wrap}
.breadcrumbs a{color:var(--muted); text-decoration:none; padding:6px 10px; background:var(--glass); border:var(--border); border-radius:999px}
.breadcrumbs a:hover{background:var(--glass-strong)}
.breadcrumbs .current{padding:6px 10px; color:var(--text)}

/* Cards */
.card{background:var(--panel);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero{padding:18px}
.content{padding:18px}
h1{margin:0 0 6px 0; font-size:24px}
h2{margin:24px 0 8px 0; font-size:18px}
h3{margin:18px 0 6px 0; font-size:16px}
.muted{color:var(--muted)}

/* Buttons */
.btn{display:inline-flex; align-items:center; gap:8px; border-radius:12px; border:var(--border); padding:10px 14px; background:var(--glass); cursor:pointer; text-decoration:none; color:var(--text); box-shadow:var(--shadow)}
.btn:hover{background:var(--glass-strong)}
.btn.primary{background:linear-gradient(135deg, rgba(17,126,119,.95), rgba(11,59,58,.95)); color:#fff}

/* Cookie banner & modal */
.cookie-banner{position:fixed; left:12px; right:12px; bottom:12px; z-index:60; display:none}
.cookie-inner{display:flex; gap:12px; align-items:center; justify-content:space-between; padding:14px;}
.cookie-text{flex:1 1 auto}
.cookie-actions{display:flex; gap:8px; flex-wrap:wrap}

.modal{position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:70;}
.modal-backdrop{position:absolute; inset:0; background:rgba(0,0,0,.45)}
.modal-panel{position:relative; max-width:720px; width:calc(100% - 24px);}
.modal-body{padding:18px}
.switch{appearance:none; width:40px; height:22px; background:#d1d5db; border-radius:999px; position:relative; outline:0; cursor:pointer; border:var(--border);}
.switch:checked{background:#10b981}
.switch:before{content:""; position:absolute; top:3px; left:3px; width:16px; height:16px; border-radius:999px; background:#fff; transition:transform .18s ease}
.switch:checked:before{transform:translateX(18px)}
.lock{opacity:.6}

/* Tables */
.table{width:100%; border-collapse:separate; border-spacing:0; overflow:hidden; border-radius:14px; border:var(--border); background:var(--glass); box-shadow:var(--shadow)}
.table th,.table td{padding:10px 12px; text-align:left; border-bottom:1px solid rgba(2,6,23,0.08)}
[data-theme="dark"] .table th,[data-theme="dark"] .table td{border-bottom:1px solid rgba(255,255,255,0.12)}
.table thead th{font-weight:700}
.chip{display:inline-block; padding:4px 8px; border-radius:999px; font-size:12px; border:var(--border); background:var(--glass)}
.chip.nec{background:rgba(16,185,129,0.12)}
.chip.pref{background:rgba(234,179,8,0.12)}
.chip.anal{background:rgba(59,130,246,0.12)}
.chip.mkt{background:rgba(244,63,94,0.12)}

/* Manager sections */
.mgr-actions{display:flex; gap:8px; flex-wrap:wrap; align-items:center}
.mgr-wrap{overflow:auto; -webkit-overflow-scrolling:touch; max-height: clamp(360px, 60vh, 640px);}
.table{table-layout: fixed;}
.table thead th{position:sticky; top:0; background:var(--glass-strong); backdrop-filter:blur(8px); z-index:2}
.table thead{box-shadow:0 1px 0 rgba(2,6,23,0.06)}
[data-theme="dark"] .table thead{box-shadow:0 1px 0 rgba(255,255,255,0.12)}
.table td:nth-child(2), .table td:nth-child(4){word-break: break-word; overflow-wrap:anywhere; white-space: normal;}
.table code{word-break: break-word; overflow-wrap:anywhere; white-space: normal;}

/* Mobile styles */
html, body { max-width: 100%; overflow-x: hidden; }
img, canvas, table { max-width: 100%; }

@media (max-width: 640px){
  .container{ padding:16px; }
  .cookie-inner{ flex-direction:column; align-items:flex-start }
  .breadcrumbs{flex-wrap:wrap}
  /* Hide Scope col to reduce width */
  .table td:nth-child(5), .table th:nth-child(5){ display:none; }
  .table th, .table td{ padding:8px 10px; }
  /* Clamp long values to one line */
  .table td:nth-child(4) code{ display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
}