@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--blue:#2149d8;--blue-soft:#eef2ff;--ink:#17233d;--muted:#728097;--line:#e7ebf2;--canvas:#f6f8fc;--white:#fff;--green:#217b60;--radius:16px;--shadow:0 12px 40px #17233d0d;--font:'DM Sans',system-ui,sans-serif;--heading:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;font-family:var(--font);font-size:14px;line-height:1.55;color:var(--ink);background:var(--canvas)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible{outline:3px solid var(--d-fg-849dff);outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid var(--d-fg-2149d814)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--heading)}h1{font-size:32px;font-weight:750;letter-spacing:-1.1px;line-height:1.25}h2{font-size:17px;font-weight:750;letter-spacing:-.3px}h3{font-size:15px;font-weight:750}small{font-size:12px}.icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--muted);margin-bottom:10px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.hide{display:none}.spacer{flex:1}.small{font-size:12px}.text-blue{color:var(--blue)}.text-green{color:var(--green)}.text-right{text-align:right}.mb{margin-bottom:24px}.mt{margin-top:24px}.divider{height:1px;background:var(--line);margin:24px 0}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 17px;border:1px solid transparent;border-radius:9px;font-weight:650;line-height:1.35;text-decoration:none;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:var(--d-fg-ffffff);box-shadow:0 3px 8px #2149d824}.btn-primary:hover{background:var(--d-bg-173cbf)}.btn-secondary{background:var(--d-bg-ffffff);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{background:var(--d-bg-f8faff);border-color:var(--d-bd-cfd7e7)}.btn-quiet{background:transparent;color:var(--blue);padding-inline:9px}.btn-danger{background:var(--d-bg-fff1f0);color:var(--d-fg-bc3f48)}.btn-sm{min-height:34px;padding:7px 12px;font-size:12px}.btn-full{width:100%}.icon-btn{display:inline-grid;place-items:center;background:transparent;border:0;color:var(--muted);width:36px;height:36px;border-radius:9px;position:relative}.icon-btn:hover{background:var(--blue-soft);color:var(--blue)}.icon-btn .dot{position:absolute;right:8px;top:5px;width:7px;height:7px;background:var(--d-bg-ed856a);border:2px solid var(--d-bd-ffffff);border-radius:50%}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;background:var(--d-bg-eef3f9);color:var(--d-fg-66758b);font-size:11px;font-weight:650;line-height:1.5;padding:4px 8px;white-space:nowrap}.badge-green{color:var(--d-fg-217b60);background:var(--d-bg-edf8f2)}.badge-amber{color:var(--d-fg-a2752e);background:var(--d-bg-fff7e7)}.badge-blue{color:var(--blue);background:var(--blue-soft)}.badge-violet{color:var(--d-fg-7553a4);background:var(--d-bg-f5f0fc)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.avatar{height:36px;width:36px;display:inline-grid;place-items:center;border-radius:50%;background:var(--d-bg-e9edff);color:var(--d-fg-4860a9);font-weight:700;font-size:12px;flex-shrink:0}.avatar-lg{width:70px;height:70px;font-size:22px;border:4px solid var(--d-bd-ffffff);box-shadow:0 0 0 1px var(--line)}.avatar-peach{background:var(--d-bg-fff0e7);color:var(--d-fg-a57655)}.avatar-green{background:var(--d-bg-e6f4ee);color:var(--d-fg-36836b)}.avatar-purple{background:var(--d-bg-f0eafb);color:var(--d-fg-8762ad)}
.prototype-bar{height:34px;background:var(--d-bg-edf1fb);border-bottom:1px solid var(--d-bd-dfe6f5);color:var(--d-fg-607192);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 22px;font-size:11px;position:relative;z-index:25}.prototype-bar b{color:var(--d-fg-36486c);font-weight:650}.prototype-bar button{border:0;background:none;color:var(--blue);font-size:11px;padding:3px 0;font-weight:650}.prototype-bar select{background:transparent;border:0;font-size:11px;color:var(--d-fg-36486c);max-width:175px}.prototype-bar .bar-right{display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--heading);font-weight:800;letter-spacing:-.6px;font-size:17px}.brand img{width:32px;height:32px}.brand small{font-size:10px;font-weight:500;letter-spacing:1.3px;display:block;text-transform:uppercase;line-height:1.3;color:var(--muted)}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:var(--d-bg-ffffff);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:27px 19px 15px;z-index:20}.sidebar .brand{padding:0 9px;margin-bottom:27px}.org-switch{width:100%;text-align:left;display:flex;align-items:center;gap:10px;padding:11px;background:var(--d-bg-f8f9fd);border:1px solid var(--line);border-radius:11px;margin-bottom:28px}.org-emblem{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--d-bg-ddede8);color:var(--d-fg-3c7c69);font-family:var(--heading);font-size:17px;font-weight:800;flex-shrink:0}.org-switch b{font-size:13px;display:block}.org-switch small{display:block;color:var(--muted);font-size:10px}.org-switch>.icon{width:15px;margin-left:auto;color:var(--muted)}.nav-label{font-size:10px;color:var(--d-fg-8b96a9);letter-spacing:1.2px;text-transform:uppercase;font-weight:650;padding:0 13px;margin:21px 0 9px}.nav-item{display:flex;align-items:center;gap:11px;padding:11px 13px;margin-bottom:4px;border-radius:8px;font-size:13px;font-weight:500;color:var(--d-fg-778299);text-decoration:none}.nav-item:hover{text-decoration:none;background:var(--d-bg-f7f9ff);color:var(--ink)}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:650}.nav-item .icon{width:18px;height:18px}.nav-count{margin-left:auto;background:var(--d-bg-e4eafd);color:var(--blue);font-size:10px;border-radius:5px;min-width:20px;text-align:center;padding:1px 5px}.sidebar-bottom{margin-top:auto;padding-top:24px}.user-card{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 7px 0;margin-top:15px;color:var(--ink)}.user-card small{color:var(--muted);font-size:10px;display:block}.user-card b{font-size:12px}.user-card .icon-btn{margin-left:auto}.workspace{margin-left:242px;min-height:100vh}.topbar{height:77px;padding:0 36px;border-bottom:1px solid var(--line);background:var(--d-bg-ffffffcf);display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:10px}.breadcrumb .icon{height:13px;width:13px;color:var(--d-fg-acb5c5)}.breadcrumb b{font-weight:550;color:var(--d-fg-42516c)}.global-search{border:0;background:transparent;color:var(--d-fg-8b95a7);display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;min-width:205px}.global-search .icon{width:17px}.global-search kbd{font-family:inherit;padding:1px 5px;border:1px solid var(--line);border-radius:4px;font-size:10px;margin-left:22px;color:var(--d-fg-9ba3b3)}.top-actions{display:flex;align-items:center;gap:13px}.top-actions .vr{height:22px;width:1px;background:var(--line);margin:0 4px}.mobile-menu{display:none}.content{max-width:1420px;padding:34px 36px 50px;margin:auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.page-heading p{color:var(--muted);margin-top:9px;font-size:13px}.page-heading h1{font-size:28px}.date-chip{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center}.date-chip .icon{width:16px}.content-footer{display:flex;justify-content:space-between;font-size:10px;color:var(--d-fg-99a4b5);padding-top:30px;margin-top:20px;border-top:1px solid var(--line)}
.welcome{display:grid;grid-template-columns:1fr auto;gap:20px;padding:27px 30px;border-radius:var(--radius);background:var(--d-bg-eaf0ff);border:1px solid var(--d-bd-e0e7fb);margin-bottom:28px;position:relative;overflow:hidden}.welcome .eyebrow{color:var(--d-fg-6079b8);margin-bottom:8px}.welcome h2{font-size:25px;line-height:1.35;letter-spacing:-.7px;color:var(--d-fg-20376a)}.welcome p{font-size:13px;color:var(--d-fg-6c7ea4);margin-top:9px;max-width:510px}.welcome .btn{margin-top:19px;background:var(--d-bg-ffffff);color:var(--blue);box-shadow:0 4px 12px #2547ae08}.welcome-art{align-self:center;display:flex;align-items:center;justify-content:center;position:relative;width:180px;height:130px}.orbit{position:absolute;width:145px;height:145px;border:1px solid var(--d-bd-b9c8ee);border-radius:50%;transform:rotate(-25deg) scaleY(.65)}.orbit.two{transform:rotate(35deg) scaleY(.7);width:180px;height:180px}.art-logo{position:relative;width:70px;height:70px;transform:rotate(-8deg);box-shadow:0 12px 25px #2149d82b;border-radius:20px}.art-pill{position:absolute;background:var(--d-bg-ffffff);border:1px solid var(--d-bd-e0e7fb);box-shadow:0 8px 18px #24437612;display:flex;align-items:center;gap:7px;border-radius:9px;padding:9px 12px;font-size:10px;color:var(--d-fg-5d719b)}.art-pill.one{left:-4px;top:5px;transform:rotate(-6deg)}.art-pill.two{right:-8px;bottom:0;transform:rotate(5deg)}.art-pill .icon{width:14px;height:14px;color:var(--blue)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:15px}.section-title a,.section-title button{font-size:11px;font-weight:600}.apps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:29px}.app-card{background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:13px;padding:21px;position:relative;display:flex;flex-direction:column;min-height:176px;transition:box-shadow .18s,transform .18s;color:var(--ink);text-align:left;cursor:pointer}.app-card:hover{box-shadow:var(--shadow);transform:translateY(-3px);border-color:var(--d-bd-ccd6ef)}.app-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:11px;color:var(--d-fg-4f70db);background:var(--d-bg-edf2ff)}.app-icon .icon{width:23px;height:23px}.app-icon.chat{background:var(--d-bg-f1edfe);color:var(--d-fg-9274c8)}.app-icon.flow{background:var(--d-bg-fff4df);color:var(--d-fg-c79b4d)}.app-icon.analytics{background:var(--d-bg-e6f5ef);color:var(--d-fg-52a181)}.app-card .card-arrow{position:absolute;top:23px;right:19px;color:var(--d-fg-a7b3c7);width:17px}.app-card h3{margin-top:18px;font-size:14px}.app-card p{margin-top:3px;color:var(--d-fg-8a95a8);font-size:11px}.app-card .app-footer{margin-top:17px;color:var(--d-fg-739284);font-size:10px;display:flex;align-items:center;gap:5px}.app-card.locked{background:var(--d-bg-fafbfe)}.app-card.locked .app-footer{color:var(--d-fg-a18d6e)}.app-card.locked .app-icon{opacity:.65}.two-cols{display:grid;grid-template-columns:1.28fr 1fr;gap:23px}.panel{background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 24px 18px}.panel-head h2{font-size:15px}.panel-body{padding:0 24px 24px}.panel-padded{padding:25px}.task-row{display:flex;gap:12px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{display:grid;place-items:center;border:1.5px solid var(--d-bd-d8dfed);background:var(--d-bg-ffffff);border-radius:5px;width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--d-fg-ffffff);padding:0}.task-check.done{background:var(--blue);border-color:var(--blue)}.task-check .icon{width:13px;height:13px}.task-title{font-size:12px;font-weight:550;color:var(--d-fg-40516e);display:block;background:none;border:0;padding:0;text-align:left}.task-title:hover{color:var(--blue)}.task-sub{display:flex;gap:10px;align-items:center;margin-top:6px;font-size:10px;color:var(--d-fg-99a3b3)}.task-row .badge{margin-left:auto;font-size:9px}.completed .task-title{text-decoration:line-through;color:var(--d-fg-9aa4b5)}.activity-row{display:flex;align-items:flex-start;gap:12px;padding:14px 0}.activity-icon{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:9px;background:var(--d-bg-f3f6fd);color:var(--d-fg-8196c0)}.activity-icon .icon{width:15px;height:15px}.activity-row p{font-size:12px;color:var(--d-fg-586984)}.activity-row small{display:block;font-size:10px;color:var(--d-fg-9aa5b5);margin-top:4px}.invite-banner{margin-top:25px;border-radius:12px;padding:19px 22px;background:var(--d-bg-ffffff);border:1px solid var(--line);display:flex;align-items:center;gap:15px}.invite-banner p{font-size:11px;color:var(--muted);margin-top:3px}.invite-banner .banner-icon{width:38px;height:38px;background:var(--d-bg-edf3ff);display:grid;place-items:center;color:var(--d-fg-6182cb);border-radius:10px}.invite-banner .btn{margin-left:auto;font-size:11px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:13px;padding:21px}.stat>p{font-size:11px;color:var(--muted);margin-bottom:10px}.stat strong{font-family:var(--heading);font-size:27px;letter-spacing:-1px}.stat small{display:block;font-size:10px;margin-top:8px;color:var(--muted)}.stat small b{color:var(--green);font-weight:550}.chart{width:100%;height:auto;display:block;margin-top:12px}.chart-labels{display:flex;justify-content:space-between;color:var(--d-fg-99a5b9);font-size:10px;margin:0 2px}.chart-legend{font-size:11px;color:var(--muted);display:flex;gap:18px}.legend-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--blue);margin-right:5px}.legend-dot.grey{background:var(--d-bg-c6cfdf)}.report-cols{display:grid;grid-template-columns:2fr 1fr;gap:22px}.bar-row{display:grid;grid-template-columns:86px 1fr 45px;align-items:center;gap:12px;font-size:11px;margin-bottom:20px}.bar-track{height:7px;border-radius:4px;background:var(--d-bg-f0f3f9)}.bar-track span{display:block;height:100%;border-radius:4px;background:var(--d-bg-6f91e8)}.bar-row>b{font-size:10px;color:var(--muted);font-weight:500;text-align:right}.metric-list{list-style:none;padding:0;margin:0}.metric-list li{display:flex;justify-content:space-between;font-size:12px;color:var(--d-fg-71819b);padding:13px 0;border-bottom:1px solid var(--line)}.metric-list li:last-child{border:0}.metric-list strong{font-weight:600;color:var(--ink)}
.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.tab{background:none;border:0;color:var(--d-fg-8490a5);font-size:12px;font-weight:550;padding:0 2px 13px;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:var(--blue);border-bottom-color:var(--blue)}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:20px}.input-search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--d-bg-ffffff);border-radius:8px;padding:0 12px;max-width:320px;min-height:40px}.input-search .icon{width:16px;color:var(--d-fg-9da8ba)}.input-search input{border:0;background:none;padding:8px 0;width:100%;font-size:12px;outline:none}.field{display:grid;gap:7px;margin-bottom:18px}.field label{font-size:12px;font-weight:550;color:var(--d-fg-42536e)}.field input,.field select,.field textarea,.select{width:100%;min-height:43px;padding:11px 13px;border:1px solid var(--d-bd-dfe5ef);background:var(--d-bg-ffffff);border-radius:8px;font-size:13px;color:var(--ink)}.field input::placeholder{color:var(--d-fg-a4afc0)}.field small{font-size:11px;color:var(--muted)}.field textarea{min-height:85px;resize:vertical}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.select{width:auto;min-height:37px;font-size:11px;padding:7px 12px}.password-wrap{position:relative}.password-wrap input{padding-right:45px}.password-wrap .icon-btn{position:absolute;right:5px;top:4px}.checkbox{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--d-fg-66758e)}.checkbox input{accent-color:var(--blue);width:15px;height:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:var(--d-fg-929eb2);font-weight:550;background:var(--d-bg-fafbfe);padding:12px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:17px 24px;border-bottom:1px solid var(--line);font-size:12px;color:var(--d-fg-62708a)}tr:last-child td{border-bottom:0}.person-cell{display:flex;align-items:center;gap:12px}.person-cell b{font-size:12px;color:var(--ink);font-weight:550;display:block}.person-cell small{font-size:10px;color:var(--muted);display:block}.table-foot{padding:13px 24px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.tags{display:flex;gap:4px}.tags .badge{font-size:9px}.settings-layout{display:grid;grid-template-columns:190px 1fr;gap:25px}.settings-nav{display:flex;flex-direction:column;gap:5px}.settings-nav .btn{justify-content:flex-start;font-size:12px;font-weight:500;background:transparent;color:var(--muted)}.settings-nav .btn.active{background:var(--d-bg-eaf0fc);color:var(--blue)}.settings-content{max-width:790px}.settings-card{background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:22px}.settings-card>h2{font-size:16px;margin-bottom:7px}.settings-card>p{font-size:12px;color:var(--muted);margin-bottom:24px}.settings-footer{border-top:1px solid var(--line);padding-top:19px;margin-top:22px;display:flex;justify-content:flex-end;gap:10px}.profile-avatar-row{display:flex;gap:18px;align-items:center;margin-bottom:25px}.profile-avatar-row p{font-size:11px;color:var(--muted);margin-top:6px}.setting-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0;padding-bottom:0}.setting-row h3{font-size:12px;margin-bottom:4px;font-family:var(--font);font-weight:600}.setting-row p{font-size:11px;color:var(--muted);max-width:440px}.setting-row .icon{color:var(--d-fg-91a1b9)}.switch{width:36px;height:21px;border:0;background:var(--d-bg-d8dfec);position:relative;border-radius:20px;flex-shrink:0;padding:0}.switch::after{content:'';display:block;width:15px;height:15px;border-radius:50%;background:var(--d-bg-ffffff);position:absolute;top:3px;left:3px;transition:transform .15s}.switch.on{background:var(--blue)}.switch.on::after{transform:translateX(15px)}.session{display:flex;align-items:center;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.session:last-child{border:0}.session-device{width:35px;height:35px;background:var(--d-bg-f3f6fb);border-radius:9px;display:grid;place-items:center;color:var(--d-fg-8495b1)}.session b{font-size:12px;font-weight:550}.session p{font-size:10px;color:var(--muted);margin-top:2px}.info-box{display:flex;gap:11px;align-items:flex-start;background:var(--d-bg-f1f5fe);border:1px solid var(--d-bd-e4ebfb);border-radius:9px;padding:14px;font-size:12px;color:var(--d-fg-66799d)}.info-box .icon{width:17px;color:var(--d-fg-7a95ce)}.info-box.amber{background:var(--d-bg-fff8eb);border-color:var(--d-bd-f6ead2);color:var(--d-fg-a38959)}.app-list{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app-detail-card{padding:25px;background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:var(--radius)}.app-detail-card h2{font-size:16px;margin:17px 0 7px}.app-detail-card p{font-size:12px;color:var(--muted);min-height:40px;max-width:370px}.app-detail-card .app-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:23px}.empty-state{text-align:center;padding:60px 25px;background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:var(--radius)}.empty-state>.app-icon{height:60px;width:60px;margin-bottom:22px;border-radius:17px}.empty-state h2{font-size:20px;margin-bottom:9px}.empty-state p{max-width:410px;margin:0 auto 25px;color:var(--muted);font-size:13px}.notifications{padding:0 25px}.notification{padding:21px 0;display:flex;gap:15px;border-bottom:1px solid var(--line)}.notification:last-child{border:0}.notification.unread .activity-icon{background:var(--blue-soft);color:var(--blue)}.notification h3{font-size:12px;font-weight:650;font-family:var(--font)}.notification p{font-size:12px;color:var(--muted);margin-top:4px}.notification .time{margin-left:auto;color:var(--d-fg-9ca8ba);font-size:10px;white-space:nowrap}.notification .btn{margin-top:10px}.faq{padding:20px 0;border-bottom:1px solid var(--line)}.faq:last-child{border:0}.faq summary{font-weight:550;font-size:13px;cursor:pointer}.faq p{font-size:12px;color:var(--muted);margin-top:12px;max-width:650px;line-height:1.8}.role-box{display:grid;grid-template-columns:24px 1fr auto;gap:12px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.role-box .icon{color:var(--muted)}.role-box b{display:block;font-size:12px}.role-box small{display:block;font-size:10px;color:var(--muted)}
.auth-page{display:grid;grid-template-columns:1.05fr 1fr;min-height:100vh;background:var(--d-bg-ffffff)}.auth-story{background:var(--d-bg-182c58);color:var(--d-fg-ffffff);padding:43px 9%;display:flex;flex-direction:column;overflow:hidden;position:relative}.auth-story .brand{color:var(--d-fg-ffffff);font-size:20px}.auth-story .brand img{width:36px;height:36px}.auth-story .brand small{color:var(--d-fg-9baed8);font-size:14px}
.auth-story .badge{font-size:14px}.auth-story-content{margin:auto 0;position:relative;z-index:1;padding:45px 0}.auth-story .eyebrow{color:var(--d-fg-98aedc);margin-bottom:20px}.auth-story h1{font-size:clamp(35px,3.9vw,54px);font-weight:700;letter-spacing:-2px;line-height:1.16;max-width:480px}.auth-story h1 span{color:var(--d-fg-b8ceff)}.auth-story p{font-size:14px;color:var(--d-fg-a8bbdf);line-height:1.85;margin-top:24px;max-width:360px}.auth-story-footer{font-size:14px;color:var(--d-fg-879ac0);display:flex;align-items:center;gap:8px}.auth-story-footer .icon{width:14px}.auth-illustration{position:relative;margin-top:44px;max-width:355px;background:var(--d-bg-ffffff08);border:1px solid var(--d-bd-ffffff15);border-radius:13px;padding:17px;transform:rotate(-3deg);box-shadow:0 20px 45px #07152c25}.illus-top{display:flex;align-items:center;gap:8px;margin-bottom:17px;font-size:10px;color:var(--d-fg-b6c6e8)}.illus-top .org-emblem{width:25px;height:25px;border-radius:7px;font-size:11px}.illus-top .badge{margin-left:auto;background:var(--d-bg-ffffff0e);color:var(--d-fg-b7c8eb);font-size:8px}.illus-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.illus-app{background:var(--d-bg-ffffff09);border:1px solid var(--d-bd-ffffff0a);border-radius:9px;padding:12px 5px;text-align:center;font-size:8px;color:var(--d-fg-b4c5e6)}.illus-app .app-icon{width:28px;height:28px;border-radius:7px;margin-bottom:7px;background:var(--d-bg-ffffff12);color:var(--d-fg-c5d6ff)}.illus-app .icon{width:16px;height:16px}.illus-line{display:flex;gap:8px;align-items:center;padding:13px 4px 0;font-size:9px;color:var(--d-fg-9aafd5)}.illus-line .icon{width:11px;height:11px;color:var(--d-fg-94d4bd)}.auth-main{display:flex;justify-content:center;align-items:center;padding:45px 35px;position:relative}.auth-main-inner{max-width:390px;width:100%}.auth-main h1{font-size:30px;letter-spacing:-.8px}.auth-sub{color:var(--muted);font-size:14px;margin:13px 0 29px;line-height:1.75}.auth-main .field{margin-bottom:20px}.auth-main .field input{height:47px;font-size:14px}
.auth-main .field label,.auth-main .field small{font-size:14px}
.auth-story .eyebrow{font-size:14px}.auth-main .btn-full{height:47px}.auth-footer{text-align:center;color:var(--muted);font-size:14px;margin-top:25px}.auth-footer a{font-weight:550}.auth-remember{display:flex;justify-content:space-between;align-items:center;margin:3px 0 25px;font-size:14px}.auth-demo{margin-top:35px;display:flex;gap:9px;color:var(--d-fg-98a4b8);font-size:14px;padding-top:22px;border-top:1px solid var(--line)}.auth-demo .icon{width:14px;height:14px}.auth-back{display:flex;align-items:center;gap:7px;font-size:14px;margin-bottom:25px}.auth-back .icon{width:14px}.auth-page .mobile-brand{display:none}.invite-org-card{border:1px solid var(--line);border-radius:11px;padding:16px;display:flex;gap:13px;align-items:center;margin-bottom:26px}.invite-org-card h3{font-size:13px}.invite-org-card p{font-size:11px;color:var(--muted);margin-top:3px}.otp-input{font-family:var(--heading);font-size:25px;border:1px solid var(--line);border-radius:10px;padding:15px;width:100%;letter-spacing:13px;text-align:center;margin-bottom:20px;color:var(--ink)}.success-circle{height:55px;width:55px;background:var(--d-bg-edf7f2);color:var(--green);border-radius:50%;display:grid;place-items:center;margin-bottom:22px}.success-circle .icon{width:25px;height:25px}
.overlay{position:fixed;inset:0;background:var(--d-bg-14213d55);backdrop-filter:blur(3px);z-index:50;display:flex;align-items:center;justify-content:center;padding:25px;animation:fade .15s}.modal{width:100%;max-width:530px;background:var(--d-bg-ffffff);border-radius:18px;box-shadow:0 25px 80px #0c163930;max-height:90vh;overflow:auto}.modal-head{padding:23px 26px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{font-size:20px;letter-spacing:-.5px}.modal-body{padding:0 26px 26px}.modal-body>p{font-size:12px;color:var(--muted);margin-bottom:22px}.modal-foot{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:18px 26px;background:var(--d-bg-fcfdff)}.modal form{margin:0}.modal-foot .btn{font-size:12px}.modal-lg{max-width:740px}.modal-org-list{display:grid;gap:12px}.modal-org{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--line);background:var(--d-bg-ffffff);text-align:left;border-radius:11px}.modal-org.active{background:var(--blue-soft);border-color:var(--d-bd-b8c7f5)}.modal-org small{color:var(--muted);display:block;font-size:11px}.modal-org b{font-size:13px}.modal-org>.icon{margin-left:auto;color:var(--blue)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-item{display:flex;flex-direction:column;gap:11px;text-align:left;background:var(--d-bg-f8faff);border:1px solid var(--line);border-radius:10px;padding:18px;color:var(--d-fg-546a90);font-size:12px}.gallery-item:hover{border-color:var(--d-bd-b8c6ef);background:var(--blue-soft)}.gallery-item .icon{color:var(--blue);width:23px;height:23px}.gallery-item small{font-size:9px;color:var(--d-fg-9ca9bd)}.command-input{display:flex;align-items:center;gap:12px;padding:4px 25px 19px;border-bottom:1px solid var(--line)}.command-input input{border:0;width:100%;font-size:16px;outline:none}.command-input .icon{color:var(--d-fg-8ba0c4)}.command-results{padding:14px}.command-results a{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-size:12px;color:var(--d-fg-556985)}.command-results a:hover{background:var(--blue-soft);text-decoration:none}.command-results .icon{width:16px;color:var(--d-fg-8297bb)}.toast{position:fixed;bottom:28px;right:30px;background:var(--d-bg-182c4d);color:var(--d-fg-ffffff);padding:16px 22px;border-radius:11px;box-shadow:0 10px 35px #13254325;z-index:80;max-width:420px;font-size:12px;display:flex;align-items:center;gap:12px;animation:toast-in .2s}.toast .icon{width:18px;color:var(--d-fg-9bdfbf)}.mobile-scrim{display:none}.demo-tag{background:var(--d-bg-f3f6fb);color:var(--d-fg-99a5b8);border:1px solid var(--line);border-radius:5px;font-size:9px;padding:3px 7px}.form-error{font-size:11px;color:var(--d-fg-bc3f48);margin:12px 0}.loading-line{height:7px;border-radius:4px;background:var(--d-bg-ecf1fb);width:70%;margin-top:15px}.loading-line.short{width:40%}.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.help-card{padding:27px;background:var(--d-bg-ffffff);border:1px solid var(--line);border-radius:14px}.help-card h2{margin:15px 0 8px}.help-card p{font-size:12px;color:var(--muted);margin-bottom:20px}.access-summary{margin-top:14px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px}.qr-demo{display:grid;place-items:center;height:110px;width:110px;margin:20px auto;border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(var(--d-bg-24395e) 0% 25%,var(--d-bg-ffffff) 0% 50%) 50%/14px 14px;box-shadow:inset 0 0 0 8px white}.qr-demo span{background:var(--d-bg-ffffff);padding:5px;font-size:10px;color:var(--muted)}
@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes toast-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.content{padding-top:45px}.welcome{padding:35px}.app-card{padding:26px}.apps-grid{gap:22px}}
@media(max-width:1180px){.sidebar{width:215px;padding-inline:13px}.workspace{margin-left:215px}.content{padding:28px 25px}.topbar{padding:0 25px}.apps-grid{gap:10px}.app-card{padding:17px}.two-cols{grid-template-columns:1fr 1fr}.stat-grid{gap:12px}.stat{padding:17px}.report-cols{grid-template-columns:1.6fr 1fr}.settings-layout{grid-template-columns:160px 1fr;gap:18px}.global-search{min-width:140px}.global-search kbd{display:none}}
@media(max-width:950px){.apps-grid{grid-template-columns:repeat(2,1fr)}.app-card{min-height:155px}.two-cols,.report-cols{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.auth-story{padding:35px 9%}.auth-story h1{font-size:37px}.auth-illustration{max-width:285px}.auth-main{padding-inline:30px}.auth-main h1{font-size:26px}.settings-layout{grid-template-columns:1fr}.settings-nav{flex-direction:row;overflow:auto;margin-bottom:3px}.settings-nav .btn{white-space:nowrap}.date-chip{display:none}}
@media(max-width:760px){.prototype-bar{padding:0 14px;font-size:10px}.prototype-bar .bar-right{gap:12px}.prototype-bar .prototype-label{display:none}.prototype-bar select{max-width:125px;font-size:10px}.sidebar{transform:translateX(-100%);transition:transform .2s;top:0;width:255px}.sidebar.open{transform:translateX(0)}.mobile-scrim.open{display:block;position:fixed;inset:34px 0 0;background:var(--d-bg-13234055);z-index:19}.workspace{margin-left:0}.mobile-menu{display:inline-grid}.topbar{height:64px;padding:0 15px}.global-search{min-width:auto;padding:8px}.global-search span{display:none}.top-actions{gap:3px}.top-actions .vr{margin:0 5px}.breadcrumb{gap:6px;font-size:11px}.breadcrumb .mobile-org{display:none}.content{padding:25px 18px 35px}.page-heading{margin-bottom:24px;align-items:center}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.page-heading .btn{font-size:11px;padding:9px 12px}.welcome{padding:23px 21px;grid-template-columns:1fr}.welcome-art{display:none}.welcome h2{font-size:24px}.welcome p{font-size:12px}.welcome .btn{font-size:11px}.apps-grid{gap:12px}.app-card{padding:18px;min-height:160px}.app-card .app-footer{font-size:9px}.app-list,.help-grid{grid-template-columns:1fr}.invite-banner{padding:17px;flex-wrap:wrap}.invite-banner .btn{margin-left:53px}.panel-head{padding:20px}.panel-body{padding:0 20px 20px}.table-scroll th,.table-scroll td{padding:15px 17px}.settings-card{padding:21px}.field-grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.toolbar .input-search{flex:1;max-width:none}.toolbar .btn{font-size:11px}.tabs{gap:20px}.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-main{min-height:100vh;padding:40px 26px}.auth-main-inner{max-width:390px}.auth-page .mobile-brand{display:flex;margin-bottom:48px}.auth-main h1{font-size:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.overlay{padding:15px}.modal-head{padding:21px}.modal-body{padding:0 21px 22px}.modal-foot{padding:17px 21px}.toast{left:18px;right:18px;bottom:18px;max-width:none}.setting-row{gap:15px}.setting-row .btn{font-size:11px;padding:8px 10px}.notification .time{font-size:9px}.stat{padding:19px}.stat strong{font-size:25px}.content-footer{gap:15px}.auth-main .auth-demo{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none;transition:none;scroll-behavior:auto}}
/* Component details for the interactive prototype. */
.stat>span,.stat>strong{display:block}.stat>strong{margin:8px 0}.stat>.text-green{font-size:10px}.chart svg{display:block;width:100%;height:auto}.settings-nav>a{padding:11px 14px;border-radius:8px;color:var(--muted);font-size:12px;white-space:nowrap}.settings-nav>a.active{background:var(--blue-soft);color:var(--blue)}.app-detail-card h3{margin:17px 0 7px}.app-card .app-footer{display:flex;align-items:center;justify-content:space-between}.task-title{padding:0;min-height:25px;color:var(--ink);text-align:left;white-space:normal;font-size:12px}.task-sub{margin-top:4px}.art-pill.three{left:28px;bottom:-10px;transform:rotate(-4deg)}.user-card strong{font-size:11px}.user-card a:hover{text-decoration:none}.command-input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;font-size:14px;padding:12px 15px}.auth-demo{align-items:center;flex-wrap:wrap}.auth-back{margin-top:22px}.auth-main .badge.mb{display:inline-flex}.auth-story .illus-app{display:flex;align-items:center;gap:7px;justify-content:center;flex-direction:column}.auth-story .illus-apps{grid-template-columns:repeat(3,1fr)}.illus-line{height:6px;background:var(--d-bg-ffffff16);border-radius:6px;margin-top:14px;padding:0}.modal-body .field{margin-bottom:17px}.modal-body .checkbox{margin-top:9px}.notification p{margin-top:5px}.settings-card>h2{margin-bottom:12px}.settings-card>.field,.settings-card>.field-grid{margin-top:20px}.settings-footer{margin-top:24px}.help-card>p{margin-top:8px}.brand:hover{text-decoration:none}.sidebar{overflow-y:auto}.org-switch{flex-shrink:0}.nav-label{flex-shrink:0}.stat .muted{font-size:12px}
@media(max-width:760px){.breadcrumb{font-size:10px}.topbar{gap:8px}.content-footer{flex-wrap:wrap}.apps-grid .badge{font-size:9px;padding:3px 5px}.app-card{padding:16px}.art-pill.three{display:none}.sidebar-bottom{padding-top:15px}.prototype-bar:before{content:'Demo';color:var(--d-fg-607192);font-size:10px}.prototype-bar .bar-right{margin-left:auto}.welcome p br{display:none}}
.bar-row{display:block;margin-top:18px;margin-bottom:18px}.bar-row .bar-track{margin-top:8px}.two-cols{margin-top:24px}@media(max-width:760px){.welcome p br:after{content:' '}.page-heading{flex-wrap:wrap}.panel-head{flex-wrap:wrap}.panel-head .input-search{max-width:100%}}
/* Personal dashboard and widget palette */
.dashboard-builder{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.dashboard-builder.is-editing{grid-template-columns:minmax(0,1fr) 270px}.dashboard-canvas{min-width:0}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px;align-items:stretch}.dashboard-widget{min-width:0;grid-column:span 6}.dashboard-widget.size-small{grid-column:span 4}.dashboard-widget.size-large{grid-column:span 12}.widget-body{height:100%}.widget-body>.panel{height:100%}.widget-body .welcome,.widget-body .apps-grid{margin-bottom:0}.widget-apps{height:100%}.widget-apps .apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.size-medium .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.size-small .apps-grid{grid-template-columns:1fr}.size-small .welcome{grid-template-columns:1fr;padding:23px}.size-small .welcome-art,.size-medium .welcome-art{display:none}.size-small .welcome h2{font-size:22px}.widget-metric{padding:24px}.widget-metric h2{margin:18px 0 8px}.metric-value{font-family:var(--heading);font-size:36px;letter-spacing:-1px;display:block;margin-bottom:5px}.sparkline{width:100%;height:90px;margin:18px 0;display:block}.widget-metric>a{font-size:12px}.chat-score{display:flex;justify-content:space-between;font-size:11px;margin:26px 0 9px}.shortcut{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:12px;padding:15px 0;border-bottom:1px solid var(--line)}.shortcut span{flex:1}.shortcut .icon{width:17px;color:var(--muted)}.team-avatars{display:flex;margin:22px 0 12px}.team-avatars .avatar{border:3px solid var(--d-bd-ffffff);margin-right:-5px}.edit-guidance{display:flex;align-items:center;gap:12px;padding:17px 20px;border:1px solid var(--d-bd-d7e0fb);background:var(--blue-soft);border-radius:12px;margin-bottom:22px;font-size:12px;color:var(--d-fg-435b91)}.edit-guidance>div{flex:1}.edit-guidance p{font-size:11px;margin-top:3px}.edit-guidance>.badge{display:none}.is-editing .dashboard-widget{border:1px solid var(--d-bd-cdd8f2);border-radius:14px;background:var(--d-bg-ffffff);box-shadow:0 3px 14px #17233d04;overflow:hidden}.is-editing .widget-body{height:auto;padding:13px}.is-editing .widget-body>.panel,.is-editing .widget-body>.welcome{border:0;box-shadow:none}.is-editing .widget-body .apps-grid{gap:9px}.is-editing .app-card{padding:14px}.is-editing .widget-body .panel-head{padding:15px 12px}.is-editing .widget-body .panel-body{padding:0 12px 15px}.is-editing .dashboard-grid{gap:16px}.widget-tools{padding:9px 11px;background:var(--d-bg-f6f8fd);border-bottom:1px solid var(--d-bd-e2e8f5);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.widget-grip{display:flex;align-items:center;gap:7px;flex:1;font-size:10px;cursor:grab;min-width:100px}.widget-grip:active{cursor:grabbing}.widget-grip>span{font-size:23px;line-height:1;color:var(--d-fg-8b9bb8)}.widget-tool-actions{display:flex;gap:4px;align-items:center}.widget-tool-actions button{border:0;background:transparent;border-radius:5px;color:var(--d-fg-597099);width:25px;height:27px;padding:3px;display:grid;place-items:center}.widget-tool-actions button:hover{background:var(--d-bg-e6ecfa)}.widget-tool-actions button:disabled{opacity:.25}.widget-tool-actions .icon{width:14px;height:14px}.widget-tool-actions select{border:1px solid var(--d-bd-dce4f4);border-radius:5px;padding:3px;font-size:10px;color:var(--d-fg-516585);background:var(--d-bg-ffffff);width:64px}.widget-palette{position:sticky;top:18px;border:1px solid var(--line);border-radius:15px;background:var(--d-bg-ffffff);box-shadow:var(--shadow);overflow:hidden}.palette-heading{padding:22px 20px 18px;border-bottom:1px solid var(--line)}.palette-heading h2{margin:12px 0 6px}.palette-heading p{font-size:11px;color:var(--muted)}.palette-list{padding:14px;display:grid;gap:10px;max-height:560px;overflow-y:auto}.palette-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--d-bg-fafdff);cursor:grab}.palette-card:hover{border-color:var(--d-bd-b9c8ef);background:var(--d-bg-f5f8ff)}.palette-card.already-added{cursor:default;background:var(--d-bg-fafbfc)}.palette-card strong{font-size:12px}.palette-card .row{gap:9px}.palette-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--blue-soft);color:var(--blue)}.palette-icon .icon{width:17px;height:17px}.palette-card p{font-size:10px;color:var(--muted);margin:9px 0 12px}.palette-card button{font-size:10px;min-height:29px;padding:5px 9px}.palette-card button .icon{width:13px;height:13px}.palette-footer{padding:15px;border-top:1px solid var(--line);background:var(--d-bg-fbfcff)}.palette-footer p{font-size:10px;color:var(--muted);margin:0 0 7px}.palette-footer button{font-size:10px;padding:6px 0}.widget-dropzone{display:none;grid-column:1/-1;height:34px;border:1px dashed var(--d-bd-a9bcec);border-radius:8px;background:var(--d-bg-f1f5ff);color:var(--blue);align-items:center;justify-content:center;font-size:11px}.widget-dropzone .icon{width:14px;height:14px}.dropzone-last{display:flex;height:76px;margin-top:5px}.widget-dragging .widget-dropzone{display:flex}.drop-active{outline:2px solid var(--blue);outline-offset:2px;background:var(--d-bg-e5edff)}.layout-save-note{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin:20px 0}.layout-save-note .icon{width:13px;height:13px}.empty-dashboard{display:flex;align-items:center;flex-direction:column;gap:15px;padding:45px 25px;border:1px dashed var(--d-bd-c8d5ef);border-radius:14px;text-align:center;color:var(--muted)}.empty-dashboard h2{color:var(--ink)}.empty-dashboard p{font-size:12px}.is-editing .size-small{grid-column:span 6}.is-editing .size-medium{grid-column:span 12}.is-editing .widget-apps .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:1600px){.is-editing .size-small{grid-column:span 4}.is-editing .size-medium{grid-column:span 6}.is-editing .size-large.widget-apps .apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1180px){.dashboard-builder.is-editing{grid-template-columns:minmax(0,1fr) 240px}.dashboard-widget.size-small{grid-column:span 6}.is-editing .dashboard-widget.size-small{grid-column:span 12}.widget-tool-actions{margin-left:auto}.widget-palette .palette-heading{padding:18px 15px}}
@media(max-width:950px){.dashboard-builder.is-editing{grid-template-columns:1fr}.widget-palette{position:static}.palette-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none}.dashboard-widget,.dashboard-widget.size-small{grid-column:span 6}.widget-apps .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.is-editing .dashboard-widget.size-small{grid-column:span 6}}
@media(max-width:760px){.dashboard-widget,.dashboard-widget.size-small,.dashboard-widget.size-medium,.is-editing .dashboard-widget.size-small{grid-column:span 12}.dashboard-grid{gap:18px}.widget-metric{padding:22px}.dashboard-builder{gap:20px}.palette-list{grid-template-columns:1fr 1fr;padding:12px;gap:10px}.palette-card{padding:12px}.palette-card .row{align-items:flex-start;gap:7px}.palette-card strong{font-size:11px}.palette-icon{width:24px;height:24px;flex-shrink:0}.palette-heading p:after{content:' Op mobiel kun je de Toevoegen-knop en de pijlen gebruiken.'}.edit-guidance{align-items:flex-start;padding:15px}.page-heading>.row{width:100%;justify-content:flex-end}.widget-tools{padding:10px}.layout-save-note{align-items:flex-start}.size-small .apps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Multiminded brand accents: orange from the current brand mark. */
:root{--orange:#ec672a;--orange-dark:#a93e0c;--orange-soft:#fff1e8}
.btn-primary{background:var(--orange);color:var(--d-fg-2c1a12);box-shadow:0 3px 9px #ec672a25}.btn-primary:hover{background:var(--d-bg-e95b1c);color:var(--d-fg-25170f)}.btn-primary:focus-visible{outline-color:var(--d-fg-f5ad87)}
.nav-item.active{background:var(--orange-soft);color:var(--orange-dark)}.nav-item.active .nav-count{background:var(--d-bg-ffdfcc);color:var(--orange-dark)}
.prototype-bar{background:var(--d-bg-fff6ef);border-bottom-color:var(--d-bd-f4e2d7)}.prototype-bar button{color:var(--orange-dark)}
.welcome{background:linear-gradient(115deg,var(--d-bg-fff1e8) 0%,var(--d-bg-fff5ed) 65%,var(--d-bg-eef2ff) 100%);border-color:var(--d-bd-f3dfd2)}.welcome h2{color:var(--d-fg-412c23)}.welcome p{color:var(--d-fg-866c61)}.welcome .btn{color:var(--orange-dark)}.welcome .badge-blue{background:var(--d-bg-ffe2cf);color:var(--orange-dark)}
.art-logo{box-shadow:0 12px 25px #ec672a30}.orbit{border-color:var(--d-bd-edb99c)}.art-pill{border-color:var(--d-bd-f0dfd4)}.art-pill .icon{color:var(--orange-dark)}
.icon-btn .dot{background:var(--orange)}.sidebar .brand img{box-shadow:0 3px 10px #ec672a15;border-radius:9px}
.edit-guidance{background:var(--d-bg-fff4eb);border-color:var(--d-bd-f0d8c7);color:var(--d-fg-8b4a2b)}.widget-grip>span{color:var(--d-fg-ca754c)}.widget-tools{background:var(--d-bg-fff9f4)}.is-editing .dashboard-widget{border-color:var(--d-bd-ecd9ca)}.palette-heading .badge-blue{background:var(--orange-soft);color:var(--orange-dark)}.palette-icon{background:var(--orange-soft);color:var(--orange-dark)}.palette-card:hover{border-color:var(--d-bd-ebbd9e);background:var(--d-bg-fff9f4)}.widget-dropzone{border-color:var(--d-bd-e9b38e);background:var(--d-bg-fff6ee);color:var(--orange-dark)}.drop-active{outline-color:var(--orange);background:var(--d-bg-ffe9d9)}.palette-footer{background:var(--d-bg-fffaf6)}
.auth-story{background:radial-gradient(ellipse at 0 100%,var(--d-bg-ec672a30),transparent 65%),var(--d-bg-182c53)}.auth-story .badge{background:var(--d-bg-ec672a);color:var(--d-fg-2c1a12)}.auth-story .illus-top .badge{background:var(--d-bg-ffffff0e);color:var(--d-fg-b7c8eb)}
.settings-nav>a.active{background:var(--orange-soft);color:var(--orange-dark)}
/* Ronny's preference: white labels on solid brand orange. */
.btn-primary,.btn-primary:hover{color:var(--d-fg-ffffff)}.auth-story .badge{color:var(--d-fg-ffffff)}.auth-story .illus-top .badge{color:var(--d-fg-b7c8eb)}

:root{--d-bd-a9bcec:#a9bcec;--d-bd-b8c6ef:#b8c6ef;--d-bd-b8c7f5:#b8c7f5;--d-bd-b9c8ee:#b9c8ee;--d-bd-b9c8ef:#b9c8ef;--d-bd-c8d5ef:#c8d5ef;--d-bd-ccd6ef:#ccd6ef;--d-bd-cdd8f2:#cdd8f2;--d-bd-cfd7e7:#cfd7e7;--d-bd-d7e0fb:#d7e0fb;--d-bd-d8dfed:#d8dfed;--d-bd-dce4f4:#dce4f4;--d-bd-dfe5ef:#dfe5ef;--d-bd-dfe6f5:#dfe6f5;--d-bd-e0e7fb:#e0e7fb;--d-bd-e2e8f5:#e2e8f5;--d-bd-e4ebfb:#e4ebfb;--d-bd-e9b38e:#e9b38e;--d-bd-ebbd9e:#ebbd9e;--d-bd-ecd9ca:#ecd9ca;--d-bd-edb99c:#edb99c;--d-bd-f0d8c7:#f0d8c7;--d-bd-f0dfd4:#f0dfd4;--d-bd-f3dfd2:#f3dfd2;--d-bd-f4e2d7:#f4e2d7;--d-bd-f6ead2:#f6ead2;--d-bd-ffffff:#ffffff;--d-bd-ffffff0a:#ffffff0a;--d-bd-ffffff15:#ffffff15;--d-bg-13234055:#13234055;--d-bg-14213d55:#14213d55;--d-bg-173cbf:#173cbf;--d-bg-182c4d:#182c4d;--d-bg-182c53:#182c53;--d-bg-182c58:#182c58;--d-bg-24395e:#24395e;--d-bg-6f91e8:#6f91e8;--d-bg-c6cfdf:#c6cfdf;--d-bg-d8dfec:#d8dfec;--d-bg-ddede8:#ddede8;--d-bg-e4eafd:#e4eafd;--d-bg-e5edff:#e5edff;--d-bg-e6ecfa:#e6ecfa;--d-bg-e6f4ee:#e6f4ee;--d-bg-e6f5ef:#e6f5ef;--d-bg-e95b1c:#e95b1c;--d-bg-e9edff:#e9edff;--d-bg-eaf0fc:#eaf0fc;--d-bg-eaf0ff:#eaf0ff;--d-bg-ec672a:#ec672a;--d-bg-ec672a30:#ec672a30;--d-bg-ecf1fb:#ecf1fb;--d-bg-ed856a:#ed856a;--d-bg-edf1fb:#edf1fb;--d-bg-edf2ff:#edf2ff;--d-bg-edf3ff:#edf3ff;--d-bg-edf7f2:#edf7f2;--d-bg-edf8f2:#edf8f2;--d-bg-eef2ff:#eef2ff;--d-bg-eef3f9:#eef3f9;--d-bg-f0eafb:#f0eafb;--d-bg-f0f3f9:#f0f3f9;--d-bg-f1edfe:#f1edfe;--d-bg-f1f5fe:#f1f5fe;--d-bg-f1f5ff:#f1f5ff;--d-bg-f3f6fb:#f3f6fb;--d-bg-f3f6fd:#f3f6fd;--d-bg-f5f0fc:#f5f0fc;--d-bg-f5f8ff:#f5f8ff;--d-bg-f6f8fd:#f6f8fd;--d-bg-f7f9ff:#f7f9ff;--d-bg-f8f9fd:#f8f9fd;--d-bg-f8faff:#f8faff;--d-bg-fafbfc:#fafbfc;--d-bg-fafbfe:#fafbfe;--d-bg-fafdff:#fafdff;--d-bg-fbfcff:#fbfcff;--d-bg-fcfdff:#fcfdff;--d-bg-ffdfcc:#ffdfcc;--d-bg-ffe2cf:#ffe2cf;--d-bg-ffe9d9:#ffe9d9;--d-bg-fff0e7:#fff0e7;--d-bg-fff1e8:#fff1e8;--d-bg-fff1f0:#fff1f0;--d-bg-fff4df:#fff4df;--d-bg-fff4eb:#fff4eb;--d-bg-fff5ed:#fff5ed;--d-bg-fff6ee:#fff6ee;--d-bg-fff6ef:#fff6ef;--d-bg-fff7e7:#fff7e7;--d-bg-fff8eb:#fff8eb;--d-bg-fff9f4:#fff9f4;--d-bg-fffaf6:#fffaf6;--d-bg-ffffff:#ffffff;--d-bg-ffffff08:#ffffff08;--d-bg-ffffff09:#ffffff09;--d-bg-ffffff0e:#ffffff0e;--d-bg-ffffff12:#ffffff12;--d-bg-ffffff16:#ffffff16;--d-bg-ffffffcf:#ffffffcf;--d-fg-20376a:#20376a;--d-fg-2149d814:#2149d814;--d-fg-217b60:#217b60;--d-fg-25170f:#25170f;--d-fg-2c1a12:#2c1a12;--d-fg-36486c:#36486c;--d-fg-36836b:#36836b;--d-fg-3c7c69:#3c7c69;--d-fg-40516e:#40516e;--d-fg-412c23:#412c23;--d-fg-42516c:#42516c;--d-fg-42536e:#42536e;--d-fg-435b91:#435b91;--d-fg-4860a9:#4860a9;--d-fg-4f70db:#4f70db;--d-fg-516585:#516585;--d-fg-52a181:#52a181;--d-fg-546a90:#546a90;--d-fg-556985:#556985;--d-fg-586984:#586984;--d-fg-597099:#597099;--d-fg-5d719b:#5d719b;--d-fg-607192:#607192;--d-fg-6079b8:#6079b8;--d-fg-6182cb:#6182cb;--d-fg-62708a:#62708a;--d-fg-66758b:#66758b;--d-fg-66758e:#66758e;--d-fg-66799d:#66799d;--d-fg-6c7ea4:#6c7ea4;--d-fg-71819b:#71819b;--d-fg-739284:#739284;--d-fg-7553a4:#7553a4;--d-fg-778299:#778299;--d-fg-7a95ce:#7a95ce;--d-fg-8196c0:#8196c0;--d-fg-8297bb:#8297bb;--d-fg-8490a5:#8490a5;--d-fg-8495b1:#8495b1;--d-fg-849dff:#849dff;--d-fg-866c61:#866c61;--d-fg-8762ad:#8762ad;--d-fg-879ac0:#879ac0;--d-fg-8a95a8:#8a95a8;--d-fg-8b4a2b:#8b4a2b;--d-fg-8b95a7:#8b95a7;--d-fg-8b96a9:#8b96a9;--d-fg-8b9bb8:#8b9bb8;--d-fg-8ba0c4:#8ba0c4;--d-fg-91a1b9:#91a1b9;--d-fg-9274c8:#9274c8;--d-fg-929eb2:#929eb2;--d-fg-94d4bd:#94d4bd;--d-fg-98a4b8:#98a4b8;--d-fg-98aedc:#98aedc;--d-fg-99a3b3:#99a3b3;--d-fg-99a4b5:#99a4b5;--d-fg-99a5b8:#99a5b8;--d-fg-99a5b9:#99a5b9;--d-fg-9aa4b5:#9aa4b5;--d-fg-9aa5b5:#9aa5b5;--d-fg-9aafd5:#9aafd5;--d-fg-9ba3b3:#9ba3b3;--d-fg-9baed8:#9baed8;--d-fg-9bdfbf:#9bdfbf;--d-fg-9ca8ba:#9ca8ba;--d-fg-9ca9bd:#9ca9bd;--d-fg-9da8ba:#9da8ba;--d-fg-a18d6e:#a18d6e;--d-fg-a2752e:#a2752e;--d-fg-a38959:#a38959;--d-fg-a4afc0:#a4afc0;--d-fg-a57655:#a57655;--d-fg-a7b3c7:#a7b3c7;--d-fg-a8bbdf:#a8bbdf;--d-fg-acb5c5:#acb5c5;--d-fg-b4c5e6:#b4c5e6;--d-fg-b6c6e8:#b6c6e8;--d-fg-b7c8eb:#b7c8eb;--d-fg-b8ceff:#b8ceff;--d-fg-bc3f48:#bc3f48;--d-fg-c5d6ff:#c5d6ff;--d-fg-c79b4d:#c79b4d;--d-fg-ca754c:#ca754c;--d-fg-f5ad87:#f5ad87;--d-fg-ffffff:#ffffff}
:root[data-theme=dark]{color-scheme:dark;--d-bd-a9bcec:#4d5c82;--d-bd-b8c6ef:#485478;--d-bd-b8c7f5:#414f7a;--d-bd-b9c8ee:#495677;--d-bd-b9c8ef:#485578;--d-bd-c8d5ef:#46536d;--d-bd-ccd6ef:#46506a;--d-bd-cdd8f2:#424e6b;--d-bd-cfd7e7:#4e5666;--d-bd-d7e0fb:#354269;--d-bd-d8dfed:#485060;--d-bd-dce4f4:#3f4a60;--d-bd-dfe5ef:#464e5b;--d-bd-dfe6f5:#3e485e;--d-bd-e0e7fb:#344062;--d-bd-e2e8f5:#3e475c;--d-bd-e4ebfb:#34415f;--d-bd-e9b38e:#926d54;--d-bd-ebbd9e:#886650;--d-bd-ecd9ca:#6b5849;--d-bd-edb99c:#8a644e;--d-bd-f0d8c7:#6e5645;--d-bd-f0dfd4:#655144;--d-bd-f3dfd2:#675041;--d-bd-f4e2d7:#644d3f;--d-bd-f6ead2:#695a3d;--d-bd-ffffff:#3d3d3d;--d-bd-ffffff0a:#3d3d3d0a;--d-bd-ffffff15:#3d3d3d15;--d-bg-6f91e8:#7487b8;--d-bg-c6cfdf:#535c6c;--d-bg-d8dfec:#3e4655;--d-bg-ddede8:#3c4f49;--d-bg-e4eafd:#212b4a;--d-bg-e5edff:#1c2a4a;--d-bg-e6ecfa:#263046;--d-bg-e6f4ee:#30453c;--d-bg-e6f5ef:#2f453c;--d-bg-e9edff:#1b2346;--d-bg-eaf0fc:#212c43;--d-bg-eaf0ff:#1a2745;--d-bg-ecf1fb:#232c40;--d-bg-ed856a:#bb8071;--d-bg-edf1fb:#232b3e;--d-bg-edf2ff:#192542;--d-bg-edf3ff:#192742;--d-bg-edf7f2:#2a3c33;--d-bg-edf8f2:#293d32;--d-bg-eef2ff:#192241;--d-bg-eef3f9:#27303c;--d-bg-f0eafb:#2e2342;--d-bg-f0f3f9:#272d39;--d-bg-f1edfe:#251c41;--d-bg-f1f5fe:#1b253d;--d-bg-f1f5ff:#18233e;--d-bg-f3f6fb:#222a36;--d-bg-f3f6fd:#1d2539;--d-bg-f5f0fc:#2b203b;--d-bg-f5f8ff:#16213a;--d-bg-f6f8fd:#1d2435;--d-bg-f7f9ff:#151e38;--d-bg-f8f9fd:#1e2231;--d-bg-f8faff:#151f37;--d-bg-fafbfc:#22272b;--d-bg-fafbfe:#1a2031;--d-bg-fafdff:#142835;--d-bg-fbfcff:#141c34;--d-bg-fcfdff:#131e33;--d-bg-ffdfcc:#643d26;--d-bg-ffe2cf:#613c25;--d-bg-ffe9d9:#573821;--d-bg-fff0e7:#482c1b;--d-bg-fff1e8:#472c1b;--d-bg-fff1f0:#3f1b18;--d-bg-fff4df:#513f1f;--d-bg-fff4eb:#442d1a;--d-bg-fff5ed:#422b19;--d-bg-fff6ee:#412c19;--d-bg-fff6ef:#402a18;--d-bg-fff7e7:#48391b;--d-bg-fff8eb:#44361a;--d-bg-fff9f4:#3b2716;--d-bg-fffaf6:#392516;--d-bg-ffffff:#212121;--d-bg-ffffff08:#21212108;--d-bg-ffffff09:#21212109;--d-bg-ffffff0e:#2121210e;--d-bg-ffffff12:#21212112;--d-bg-ffffff16:#21212116;--d-bg-ffffffcf:#212121cf;--d-fg-20376a:#bac8e5;--d-fg-2149d814:#859ae314;--d-fg-217b60:#b2e5d5;--d-fg-25170f:#efe3dc;--d-fg-2c1a12:#eddfd9;--d-fg-36486c:#bbc5d9;--d-fg-36836b:#afd9cc;--d-fg-3c7c69:#b3d6cb;--d-fg-40516e:#bac3d3;--d-fg-412c23:#e3d5d0;--d-fg-42516c:#bbc3d2;--d-fg-42536e:#bac4d2;--d-fg-435b91:#a9b5d2;--d-fg-4860a9:#9da9cf;--d-fg-4f70db:#778ed9;--d-fg-516585:#afbaca;--d-fg-52a181:#a1cab9;--d-fg-546a90:#aab5c9;--d-fg-556985:#afbac8;--d-fg-586984:#b0b9c7;--d-fg-597099:#a5b1c6;--d-fg-5d719b:#a4afc4;--d-fg-607192:#a9b2c3;--d-fg-6079b8:#91a1c7;--d-fg-6182cb:#8299cd;--d-fg-62708a:#adb4c2;--d-fg-66758b:#acb4c0;--d-fg-66758e:#abb3c0;--d-fg-66799d:#a3adc0;--d-fg-6c7ea4:#9ea8be;--d-fg-71819b:#a3acbb;--d-fg-739284:#a9b9b2;--d-fg-7553a4:#b1a0c9;--d-fg-778299:#a4abb8;--d-fg-8490a5:#9da5b3;--d-fg-866c61:#c2b5af;--d-fg-8762ad:#ae99c4;--d-fg-8b4a2b:#dfbcab;--d-fg-a18d6e:#bdb2a0;--d-fg-a2752e:#ddc5a0;--d-fg-a38959:#c6b9a0;--d-fg-a57655:#c8b09f;--d-fg-bc3f48:#d39498;--d-fg-c79b4d:#d1b789;--d-fg-ca754c:#d39f87;--canvas:#0d1220;--white:#161d2e;--ink:#e6eaf3;--muted:#9aa6bb;--line:#273149;--blue:#7d97ff;--blue-soft:#1c2647;--green:#4fc39a;--shadow:0 12px 40px #0006;--orange-soft:#3a2418;--orange-dark:#ffa06e;--d-bg-ffffff:#161d2e;--d-bg-f6f8fc:#0d1220;--d-fg-17233d:#e6eaf3}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--d-bd-a9bcec:#4d5c82;--d-bd-b8c6ef:#485478;--d-bd-b8c7f5:#414f7a;--d-bd-b9c8ee:#495677;--d-bd-b9c8ef:#485578;--d-bd-c8d5ef:#46536d;--d-bd-ccd6ef:#46506a;--d-bd-cdd8f2:#424e6b;--d-bd-cfd7e7:#4e5666;--d-bd-d7e0fb:#354269;--d-bd-d8dfed:#485060;--d-bd-dce4f4:#3f4a60;--d-bd-dfe5ef:#464e5b;--d-bd-dfe6f5:#3e485e;--d-bd-e0e7fb:#344062;--d-bd-e2e8f5:#3e475c;--d-bd-e4ebfb:#34415f;--d-bd-e9b38e:#926d54;--d-bd-ebbd9e:#886650;--d-bd-ecd9ca:#6b5849;--d-bd-edb99c:#8a644e;--d-bd-f0d8c7:#6e5645;--d-bd-f0dfd4:#655144;--d-bd-f3dfd2:#675041;--d-bd-f4e2d7:#644d3f;--d-bd-f6ead2:#695a3d;--d-bd-ffffff:#3d3d3d;--d-bd-ffffff0a:#3d3d3d0a;--d-bd-ffffff15:#3d3d3d15;--d-bg-6f91e8:#7487b8;--d-bg-c6cfdf:#535c6c;--d-bg-d8dfec:#3e4655;--d-bg-ddede8:#3c4f49;--d-bg-e4eafd:#212b4a;--d-bg-e5edff:#1c2a4a;--d-bg-e6ecfa:#263046;--d-bg-e6f4ee:#30453c;--d-bg-e6f5ef:#2f453c;--d-bg-e9edff:#1b2346;--d-bg-eaf0fc:#212c43;--d-bg-eaf0ff:#1a2745;--d-bg-ecf1fb:#232c40;--d-bg-ed856a:#bb8071;--d-bg-edf1fb:#232b3e;--d-bg-edf2ff:#192542;--d-bg-edf3ff:#192742;--d-bg-edf7f2:#2a3c33;--d-bg-edf8f2:#293d32;--d-bg-eef2ff:#192241;--d-bg-eef3f9:#27303c;--d-bg-f0eafb:#2e2342;--d-bg-f0f3f9:#272d39;--d-bg-f1edfe:#251c41;--d-bg-f1f5fe:#1b253d;--d-bg-f1f5ff:#18233e;--d-bg-f3f6fb:#222a36;--d-bg-f3f6fd:#1d2539;--d-bg-f5f0fc:#2b203b;--d-bg-f5f8ff:#16213a;--d-bg-f6f8fd:#1d2435;--d-bg-f7f9ff:#151e38;--d-bg-f8f9fd:#1e2231;--d-bg-f8faff:#151f37;--d-bg-fafbfc:#22272b;--d-bg-fafbfe:#1a2031;--d-bg-fafdff:#142835;--d-bg-fbfcff:#141c34;--d-bg-fcfdff:#131e33;--d-bg-ffdfcc:#643d26;--d-bg-ffe2cf:#613c25;--d-bg-ffe9d9:#573821;--d-bg-fff0e7:#482c1b;--d-bg-fff1e8:#472c1b;--d-bg-fff1f0:#3f1b18;--d-bg-fff4df:#513f1f;--d-bg-fff4eb:#442d1a;--d-bg-fff5ed:#422b19;--d-bg-fff6ee:#412c19;--d-bg-fff6ef:#402a18;--d-bg-fff7e7:#48391b;--d-bg-fff8eb:#44361a;--d-bg-fff9f4:#3b2716;--d-bg-fffaf6:#392516;--d-bg-ffffff:#212121;--d-bg-ffffff08:#21212108;--d-bg-ffffff09:#21212109;--d-bg-ffffff0e:#2121210e;--d-bg-ffffff12:#21212112;--d-bg-ffffff16:#21212116;--d-bg-ffffffcf:#212121cf;--d-fg-20376a:#bac8e5;--d-fg-2149d814:#859ae314;--d-fg-217b60:#b2e5d5;--d-fg-25170f:#efe3dc;--d-fg-2c1a12:#eddfd9;--d-fg-36486c:#bbc5d9;--d-fg-36836b:#afd9cc;--d-fg-3c7c69:#b3d6cb;--d-fg-40516e:#bac3d3;--d-fg-412c23:#e3d5d0;--d-fg-42516c:#bbc3d2;--d-fg-42536e:#bac4d2;--d-fg-435b91:#a9b5d2;--d-fg-4860a9:#9da9cf;--d-fg-4f70db:#778ed9;--d-fg-516585:#afbaca;--d-fg-52a181:#a1cab9;--d-fg-546a90:#aab5c9;--d-fg-556985:#afbac8;--d-fg-586984:#b0b9c7;--d-fg-597099:#a5b1c6;--d-fg-5d719b:#a4afc4;--d-fg-607192:#a9b2c3;--d-fg-6079b8:#91a1c7;--d-fg-6182cb:#8299cd;--d-fg-62708a:#adb4c2;--d-fg-66758b:#acb4c0;--d-fg-66758e:#abb3c0;--d-fg-66799d:#a3adc0;--d-fg-6c7ea4:#9ea8be;--d-fg-71819b:#a3acbb;--d-fg-739284:#a9b9b2;--d-fg-7553a4:#b1a0c9;--d-fg-778299:#a4abb8;--d-fg-8490a5:#9da5b3;--d-fg-866c61:#c2b5af;--d-fg-8762ad:#ae99c4;--d-fg-8b4a2b:#dfbcab;--d-fg-a18d6e:#bdb2a0;--d-fg-a2752e:#ddc5a0;--d-fg-a38959:#c6b9a0;--d-fg-a57655:#c8b09f;--d-fg-bc3f48:#d39498;--d-fg-c79b4d:#d1b789;--d-fg-ca754c:#d39f87;--canvas:#0d1220;--white:#161d2e;--ink:#e6eaf3;--muted:#9aa6bb;--line:#273149;--blue:#7d97ff;--blue-soft:#1c2647;--green:#4fc39a;--shadow:0 12px 40px #0006;--orange-soft:#3a2418;--orange-dark:#ffa06e;--d-bg-ffffff:#161d2e;--d-bg-f6f8fc:#0d1220;--d-fg-17233d:#e6eaf3}}
/* Tekstgrootte: alles schaalt mee, zodat er niets tussen de regels uit valt. */
html[data-text=groot]{zoom:1.15}
html[data-text=extra]{zoom:1.3}
/* Weergave-keuzes */
.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.choice{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:2px solid var(--line);border-radius:12px;background:var(--white);color:var(--ink);font-weight:650}
.choice span{font-size:13px;color:var(--muted);font-weight:500}
.choice strong{display:flex;align-items:center;justify-content:center;min-height:30px;font-family:var(--heading)}
.choice .icon{width:24px;height:24px}
.choice.active{border-color:var(--blue);background:var(--blue-soft)}
.choice:hover{border-color:var(--blue)}
.display-toggle{position:absolute;top:18px;right:22px;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:999px;padding:8px 14px;font-weight:600;font-size:13px}
.auth-main{position:relative}
@media(max-width:760px){.display-toggle{top:12px;right:12px;padding:7px 11px;font-size:12px}}
/* Meekijken als een klant: altijd zichtbaar, en nooit over de inhoud heen te missen. */
.impersonate-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 16px;border-radius:999px;background:#a93e0c;color:#fff;box-shadow:0 10px 30px #0004;font-size:14px;max-width:calc(100vw - 32px)}
.impersonate-bar .icon{width:20px;height:20px}
.impersonate-bar .btn-primary{background:#fff;color:#a93e0c;border-color:#fff}
@media(max-width:760px){.impersonate-bar{bottom:10px;font-size:12px;flex-wrap:wrap;justify-content:center;border-radius:16px}}
/* Tweestapsverificatie */
.qr-box{display:flex;justify-content:center;margin:14px 0}
.qr-box svg{width:190px;height:190px;background:#fff;border-radius:10px;padding:6px}
.steps{margin:0 0 6px;padding-left:20px;line-height:1.7}
.secret{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;letter-spacing:.5px;background:var(--canvas);padding:2px 6px;border-radius:6px;word-break:break-all}
/* Hulpformulier in de kaart */
form.help-card .field{text-align:left;width:100%}
form.help-card textarea{width:100%;resize:vertical}
input[readonly]{background:var(--canvas);color:var(--muted)}
.display-btn .icon{width:20px;height:20px}
/* Dunne scrollbalk die meekleurt met licht en donker. */
:root{--sb-thumb:#c3cbd9;--sb-thumb-hover:#9aa6bb;scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}
:root[data-theme=dark]{--sb-thumb:#34405a;--sb-thumb-hover:#4a5878}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sb-thumb:#34405a;--sb-thumb-hover:#4a5878}}
*{scrollbar-width:thin;scrollbar-color:var(--sb-thumb) transparent}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--sb-thumb);border-radius:8px;border:2px solid transparent;background-clip:padding-box}
::-webkit-scrollbar-thumb:hover{background:var(--sb-thumb-hover);background-clip:padding-box}
/* Hele kaart klikbaar: de pijlknop rekt uit over de kaart, zodat ook toetsenbord en schermlezer één duidelijke knop houden. */
.app-card .icon-btn,.app-detail-card .icon-btn{position:static}.app-card .icon-btn::after,.app-detail-card .icon-btn::after{content:'';position:absolute;inset:0;border-radius:inherit}
.app-detail-card{position:relative;cursor:pointer}
.app-card:has(.icon-btn:focus-visible){outline:3px solid #849dff;outline-offset:3px}
.app-card .icon-btn:focus-visible{outline:none}
/* Compacte zijbalk: past zo zonder scrollen; zoom schuift de drempels mee. */
.sidebar{padding-top:20px;padding-bottom:12px}.sidebar .brand{margin-bottom:16px}.org-switch{margin-bottom:6px;padding:9px 11px}.nav-label{margin:14px 0 6px}.nav-item{padding:8px 13px;margin-bottom:2px}.sidebar-bottom{padding-top:10px}.user-card{padding-top:12px;margin-top:10px}@media (max-height:780px){html:not([data-text]) .nav-label{margin:8px 0 3px}html:not([data-text]) .nav-item{padding:5px 13px;margin-bottom:1px}html:not([data-text]) .sidebar .brand{margin-bottom:8px}html:not([data-text]) .org-switch{padding:6px 10px}html:not([data-text]) .sidebar{padding-top:12px}html:not([data-text]) .user-card{padding-top:8px;margin-top:6px}html:not([data-text]) .sidebar-bottom{padding-top:6px}html[data-text=normaal] .nav-label{margin:8px 0 3px}html[data-text=normaal] .nav-item{padding:5px 13px;margin-bottom:1px}html[data-text=normaal] .sidebar .brand{margin-bottom:8px}html[data-text=normaal] .org-switch{padding:6px 10px}html[data-text=normaal] .sidebar{padding-top:12px}html[data-text=normaal] .user-card{padding-top:8px;margin-top:6px}html[data-text=normaal] .sidebar-bottom{padding-top:6px}}@media (max-height:900px){html[data-text=groot] .nav-label{margin:8px 0 3px}html[data-text=groot] .nav-item{padding:5px 13px;margin-bottom:1px}html[data-text=groot] .sidebar .brand{margin-bottom:8px}html[data-text=groot] .org-switch{padding:6px 10px}html[data-text=groot] .sidebar{padding-top:12px}html[data-text=groot] .user-card{padding-top:8px;margin-top:6px}html[data-text=groot] .sidebar-bottom{padding-top:6px}}@media (max-height:1015px){html[data-text=extra] .nav-label{margin:8px 0 3px}html[data-text=extra] .nav-item{padding:5px 13px;margin-bottom:1px}html[data-text=extra] .sidebar .brand{margin-bottom:8px}html[data-text=extra] .org-switch{padding:6px 10px}html[data-text=extra] .sidebar{padding-top:12px}html[data-text=extra] .user-card{padding-top:8px;margin-top:6px}html[data-text=extra] .sidebar-bottom{padding-top:6px}}@media (max-height:640px){.nav-label{display:none}}@media (max-height:740px){html[data-text=groot] .nav-label{display:none}}@media (max-height:830px){html[data-text=extra] .nav-label{display:none}}
/* Zijbalk: verticaal scrollen mag als het niet past, horizontaal nooit. */
.sidebar{overflow-x:hidden;overflow-y:auto}
.sidebar .user-card,.sidebar .user-card span{min-width:0}
.sidebar .user-card small,.sidebar .user-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Beheer: rechtenformulier, token tonen, ruwe uitvoer */
.grant-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}
.grant-form .field{margin:0}
@media(max-width:760px){.grant-form{grid-template-columns:1fr}}
.token-box{display:flex;gap:10px;align-items:center;background:var(--canvas);border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:12px}
.token-box code{flex:1;word-break:break-all;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
pre.json{white-space:pre-wrap;word-break:break-all;font-size:12px;background:var(--canvas);border-radius:8px;padding:12px;max-height:420px;overflow:auto}
.mb{margin-bottom:14px}
a.person-cell{color:inherit;text-decoration:none}
a.person-cell:hover strong{text-decoration:underline}
.admin-tabs{display:flex;flex-direction:row;gap:6px;margin-bottom:18px;flex-wrap:wrap}
.admin-tabs a{padding:8px 14px}
/* Rechtsboven: tekstgrootte (T) en licht/donker als losse knoppen. */
.display-toggle{display:flex;gap:4px;padding:4px}
.display-toggle .icon-btn{color:var(--ink)}
.theme-btn .icon{width:20px;height:20px}
/* Uren & projecten */
.service-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.service-stats div{background:var(--canvas);border-radius:10px;padding:12px}
.service-stats strong{display:block;font-family:var(--heading);font-size:22px}
.service-stats span{font-size:12px;color:var(--muted)}
.saldo-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.saldo-row:last-child{border-bottom:0}
.saldo{font-family:var(--heading);font-weight:750;font-size:18px;white-space:nowrap;color:var(--green)}
.saldo.neg{color:#bc3f48}
.panel-note{margin:0 24px 12px;padding:10px 14px;border-radius:10px;background:var(--orange-soft);font-size:13px}
.service-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:1100px){.service-layout{grid-template-columns:1fr}}
.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.company-picker{position:relative}
.picked{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:9px;padding:8px 12px;background:var(--canvas)}
.picker-results{display:flex;flex-direction:column;margin-top:4px}
.picker-results:empty{display:none}
.picker-item{text-align:left;border:0;background:var(--white);color:var(--ink);padding:9px 12px;border-bottom:1px solid var(--line)}
.picker-item:hover,.picker-item:focus-visible{background:var(--blue-soft)}
.book-form textarea{width:100%;resize:vertical}
/* Activiteitenlog */
.activity-icon.is-bad{background:#fbe9ea;color:#bc3f48}
/* Supportmail */
.mail-folders{display:flex;flex-direction:column;padding:8px;gap:2px}
.mail-folders button{text-align:left;border:0;background:none;color:var(--ink);padding:8px 10px;border-radius:8px;font-size:14px}
.mail-folders button:hover{background:var(--canvas)}
.mail-folders button.active{background:var(--blue-soft);font-weight:700}
.mail-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;width:100%;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--white);color:var(--ink);padding:10px 16px}
.mail-item:hover{background:var(--canvas)}
.mail-item.is-open{background:var(--blue-soft)}
.mail-item.is-unread .mail-from,.mail-item.is-unread .mail-subject{font-weight:750}
.mail-item.is-unread{box-shadow:inset 3px 0 0 var(--orange)}
.mail-from{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.mail-date{font-size:12px;color:var(--muted)}
.mail-subject{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--muted)}
.mail-pager{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 16px}
.mail-read{padding:20px 24px}
.mail-read h2{margin:0 0 6px}
.mail-attachments{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.mail-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;margin-top:14px}
.mail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:300px;color:var(--muted)}
.mail-empty .icon{width:32px;height:32px}
/* Mail: postbussen met hun mappen */
.mail-box+.mail-box{border-top:1px solid var(--line);padding-top:6px}
.check-row{display:flex;align-items:center;gap:8px;margin:4px 0 16px;font-size:14px}
.link-btn{border:0;background:none;padding:0;color:var(--blue);font:inherit;text-decoration:underline;cursor:pointer}
.mail-add{max-width:760px}
/* Mappenboom */
.folder-tree{display:flex;flex-direction:column;gap:1px;margin:2px 0 4px}
.tree-row{display:flex;align-items:center;padding-left:calc(var(--depth) * 14px + 4px)}
.mail-folders .tree-toggle{flex:0 0 22px;width:22px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;border-radius:6px}
.mail-folders .tree-row .mail-folder{flex:1;min-width:0;padding:6px 8px;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-folders .mail-folder.is-label{color:var(--muted)}
/* Mail: mappen links; rechts de lijst (± 5 berichten) boven het leesvenster. Eén vlak zo hoog als
   het scherm, en elk deel scrolt zelf, zodat de lijst bij een lange mail niet uit beeld schuift. */
.mail-folders{border-right:1px solid var(--line);overflow:auto}
.mail-main{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0}
.mail-list{display:flex;flex-direction:column;border-bottom:1px solid var(--line);min-height:0}
.mail-list .panel-head{padding:12px 16px}
.mail-list .mail-scroll{border-top:1px solid var(--line);min-height:0}
.mail-list .mail-scroll{max-height:calc(5 * 61px)}
.mail-list .mail-scroll{overflow:auto}
.mail-reader{overflow:auto;min-height:0}
@media(max-width:760px){
  .mail-layout{grid-template-columns:1fr;height:auto;overflow:visible}
  .mail-folders{border-right:0;border-bottom:1px solid var(--line);max-height:220px}
  .mail-main{grid-template-rows:auto auto}
  .mail-reader{overflow:visible}
}
/* Op een breed scherm: afzender, onderwerp en tijd op één regel, zodat vijf berichten weinig hoogte kosten. */
@media(min-width:761px){
  .mail-list .mail-item{grid-template-columns:minmax(120px,220px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 16px}
  .mail-list .mail-subject{grid-column:auto;order:2}
  .mail-list .mail-from{order:1}
  .mail-list .mail-date{order:3}
  .mail-list .mail-scroll{max-height:calc(5 * 39px)}
  .mail-text{max-width:90ch}
}
/* Postbussen als balken over de hele breedte; de open postbus toont eronder z'n mail */
.mail-boxes{display:flex;flex-direction:column;gap:12px}
.mail-box{padding:0;overflow:hidden}
.mail-box-bar{display:flex;align-items:center;gap:12px;padding:4px 16px 4px 8px}
.mail-box-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;color:var(--ink);text-align:left;padding:10px 4px;font:inherit}
.mail-box-row .tree-toggle{flex:0 0 22px;text-align:center;color:var(--muted);font-size:12px}
.mail-box-row strong{font-size:15px}
.mail-box-row .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-box.is-open .mail-box-bar{border-bottom:1px solid var(--line);background:var(--canvas)}
.mail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);height:calc(100vh - 290px);min-height:480px;overflow:hidden}
@media(max-width:760px){.mail-layout{grid-template-columns:1fr;height:auto;overflow:visible}.mail-box-bar .muted{display:none}}
.mail-text .mail-inline{display:block;max-width:100%;height:auto;margin:10px 0;border:1px solid var(--line);border-radius:6px}
/* Lichtbak voor plaatjes in een mail */
.mail-text .mail-inline{cursor:zoom-in}
.mail-text .mail-inline:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.lightbox{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.88);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 72px}
.lightbox-stage{max-width:100%;max-height:100%;overflow:auto;display:flex}
.lightbox-stage img{max-width:calc(100vw - 48px);max-height:calc(100vh - 110px);object-fit:contain;cursor:zoom-in;background:#fff;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.4);margin:auto}
.lightbox.is-full .lightbox-stage{width:100%;height:100%}
.lightbox.is-full .lightbox-stage img{max-width:none;max-height:none;flex:none;align-self:flex-start;cursor:zoom-out;margin:0}
.lightbox-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}
.lightbox-close:hover,.lightbox-close:focus-visible{background:rgba(255,255,255,.3)}
.lightbox-stage img{max-height:calc(100vh - 140px)}
.lightbox-bar{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.lightbox-bar button{min-width:36px;height:36px;border:0;border-radius:999px;background:none;color:#fff;font-size:18px;cursor:pointer;padding:0 10px}
.lightbox-bar button:hover,.lightbox-bar button:focus-visible{background:rgba(255,255,255,.2)}
.lightbox-bar .lightbox-fit{font-size:13px}
.lightbox-level{min-width:64px;text-align:center;color:#fff;font-size:13px;font-variant-numeric:tabular-nums}
.lightbox.is-full .lightbox-stage img{cursor:grab;touch-action:none;user-select:none}
.lightbox.is-dragging .lightbox-stage img{cursor:grabbing}
.lightbox-stage img{touch-action:none}
/* Telefoon: kopbalk rustiger. Alleen menu, paginanaam, zoeken, bel en avatar; tekstgrootte en
   licht/donker staan dan in het uitschuifmenu. */
.drawer-display{display:none}
.mail-box-delete{flex:none;color:var(--muted)}
.mail-box-delete:hover,.mail-box-delete:focus-visible{color:#bc3f48}
@media(max-width:760px){
  .topbar .crumb-root,.topbar .breadcrumb>.icon{display:none}
  .topbar .breadcrumb strong{font-size:15px;color:var(--ink)}
  .topbar .display-btn,.topbar .theme-btn,.topbar .top-actions .vr{display:none}
  .drawer-display{display:block;border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
  .drawer-display .nav-item{width:100%;border:0;background:none;text-align:left;cursor:pointer;font:inherit;font-size:13px}
  .mail-box-bar{padding-right:8px}
  .mail-box-row .badge{font-size:10px;padding:2px 6px}
}
/* Labels bij sessies: nieuw apparaat (oranje), ander land (rood) */
.badge-orange{background:var(--orange-soft);color:#b4531c}
.badge-red{background:#fbe9ea;color:#bc3f48}
.session .badge{margin-left:4px;vertical-align:1px}
/* Planning: week van maandag t/m zondag, je eigen klussen in oranje */
.plan-panel{overflow:hidden}
.plan-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between}
.plan-nav{display:flex;align-items:center;gap:6px}
.plan-nav strong{margin-left:8px;font-size:14px}
.plan-filters{display:flex;flex-wrap:wrap;gap:6px}
.plan-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line)}
.plan-day{min-height:220px;padding:10px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.plan-day:last-child{border-right:0}
.plan-day.is-weekend{background:var(--canvas)}
.plan-day.is-today .plan-date{color:var(--orange);font-weight:800}
.plan-date{font-size:13px;color:var(--muted);text-transform:capitalize}
.plan-date span{font-weight:700}
.plan-event{border-radius:8px;padding:6px 8px;background:var(--blue-soft);font-size:12px;line-height:1.35;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere}
.plan-event strong{font-weight:650}
.plan-event.is-mine{background:var(--orange-soft);box-shadow:inset 3px 0 0 var(--orange)}
.plan-person{color:var(--muted);font-size:11px}
.plan-time{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.plan-empty{color:var(--line);font-size:12px}
.plan-manage .plan-cal{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.plan-manage .plan-cal:last-child{border-bottom:0}
.plan-account{margin-top:10px}
@media(max-width:900px){
  .plan-week{grid-template-columns:1fr}
  .plan-day{min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:52px minmax(0,1fr);gap:6px 8px;align-items:start}
  .plan-date{grid-column:1;grid-row:1;padding-top:6px}
  .plan-event,.plan-empty{grid-column:2}
}
.plan-link{width:100%;font-size:12px;margin:6px 0 10px;font-family:ui-monospace,monospace}
/* Kalenders: lijst links met aan/uit en kleur; afspraken in de kleur van hun kalender */
.plan-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;align-items:start}
.plan-side{padding:14px}
.plan-side h2{font-size:14px;margin:0 0 8px}
.plan-toggle{display:flex;align-items:center;gap:8px;padding:6px 0}
.plan-toggle>label:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer;font-size:13px}
.plan-toggle input[type=checkbox]{width:16px;height:16px;flex:none}
.plan-swatch{position:relative;width:18px;height:18px;border-radius:50%;flex:none;cursor:pointer;box-shadow:0 0 0 2px var(--white),0 0 0 3px var(--line)}
.plan-swatch input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.plan-event{background:color-mix(in srgb,var(--cal,#3b6fd8) 14%,var(--white));box-shadow:inset 3px 0 0 var(--cal,#3b6fd8)}
.plan-event.is-mine{background:color-mix(in srgb,var(--cal,#3b6fd8) 22%,var(--white));box-shadow:inset 5px 0 0 var(--cal,#3b6fd8)}
.plan-me{align-self:flex-start;font-size:10px;font-weight:700;padding:0 6px;border-radius:999px;background:var(--cal,#3b6fd8);color:#fff;margin-top:2px}
@media(max-width:900px){.plan-layout{grid-template-columns:1fr}.plan-side{display:flex;flex-wrap:wrap;gap:4px 16px}.plan-side h2{flex-basis:100%}}
.mail-actions{display:flex;gap:2px;justify-content:flex-end;margin:-8px -8px 4px 0}.mail-actions .icon-btn[disabled]{opacity:.45;pointer-events:none}.mail-move{display:grid;gap:8px}.mail-move .btn{justify-content:flex-start}
.task-add{display:flex;gap:10px;align-items:center;padding:12px;margin-bottom:20px}.task-input{min-height:40px;padding:9px 12px;border:1px solid var(--d-bd-dfe5ef);background:var(--d-bg-ffffff);border-radius:8px;font:inherit;font-size:13px;color:var(--ink);width:100%}.task-add .task-input[name=title]{flex:1}.task-date{width:auto}.task-note{font-size:12px;color:var(--muted);margin:4px 0 0;white-space:pre-line}.task-source{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:none;border:0;padding:0;font-size:11px;color:var(--blue);text-decoration:none;text-align:left}.task-source .icon{width:14px;height:14px;flex-shrink:0}.task-source span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-edit .spacer{display:grid;gap:8px}.task-edit-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.task-edit-foot label{display:flex;gap:8px;align-items:center}.task-summary{margin:-12px 0 12px}@media (max-width:760px){.task-add{flex-wrap:wrap}.task-add .btn{width:100%}}
.task-row .task-sub{justify-content:flex-start;flex-wrap:wrap;gap:8px 12px}.task-row .task-sub .badge{margin-left:0}