/* Layout, density and component hierarchy of the approved reference. */
html{overflow-x:clip}body.reference-ui{overflow-x:clip}body.reference-ui main{margin-right:calc(var(--a-navWidth) + 26px);padding:26px 30px 28px 22px;max-width:none}body.reference-ui>aside.ref-sidebar{top:0;bottom:0;right:0;border-radius:0;border-top:0;border-right:0;border-bottom:0;padding:30px 9px 22px;width:var(--a-navWidth);background:var(--a-nav-surface);box-shadow:none;display:flex;flex-direction:column}body.reference-ui .ref-brand{display:flex;flex-direction:column;align-items:center;gap:2px;margin-bottom:35px;color:var(--a-accent);text-decoration:none}body.reference-ui .ref-brand svg{width:56px;height:56px;stroke-width:1.8}body.reference-ui .ref-brand b{font-size:36px;font-weight:800;color:var(--a-h1-color)}body.reference-ui #nav{display:flex;flex-direction:column;gap:12px;margin:0}body.reference-ui #nav a{display:flex;align-items:center;gap:13px;padding:17px 13px;margin:0;border:1px solid transparent;border-radius:var(--a-buttonRadius);font-size:var(--a-nav-size);font-family:var(--a-nav-font);font-weight:var(--a-nav-weight);color:var(--a-nav-color);min-height:54px;text-decoration:none}body.reference-ui #nav a svg{width:24px;height:24px;flex-shrink:0}body.reference-ui #nav a.active{background:linear-gradient(135deg,color-mix(in srgb,var(--a-accent) 72%,transparent),color-mix(in srgb,var(--a-accent) 94%,#4c40d6));border-color:color-mix(in srgb,var(--a-accent) 75%,white);box-shadow:inset 0 1px 1px #ffffff40;color:var(--a-button-ink)}body.reference-ui .ref-sidebar-bottom{margin-top:auto;padding-top:25px;text-align:center;border-top:1px solid var(--a-border)}body.reference-ui .ref-sidebar-bottom button{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;width:100%;font-size:12px}body.reference-ui .ref-sidebar-bottom svg{width:22px;height:22px}
body.reference-ui main>header{background:var(--a-header-surface);border:0;border-radius:var(--a-cardRadius);box-shadow:none;backdrop-filter:none;display:flex;gap:22px;align-items:center;padding:8px 0 25px;margin:0;min-height:120px}body.reference-ui .ref-page-title{display:flex;gap:14px;align-items:flex-start;flex-shrink:0}body.reference-ui .ref-page-title h1{margin:0;font-size:var(--a-h1-size);font-weight:var(--a-h1-weight)}body.reference-ui .ref-page-title p{margin:0;color:var(--a-body-color)}.ref-title-icon svg{width:38px;height:38px;color:var(--a-accent);margin-top:10px}.ref-family-avatars{display:flex;align-items:center;padding-inline:12px}.ref-avatar{width:40px;height:40px;border:2px solid #e0d8ff;background:linear-gradient(140deg,#4f426f,#8b6e90);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:18px;flex-shrink:0}.ref-family-avatars .ref-avatar{margin-left:-10px}.ref-avatar.small{width:28px;height:28px;font-size:13px;border-width:1px}.ref-round{display:inline-flex;align-items:center;justify-content:center;width:43px;height:43px;padding:8px;border-radius:50%;position:relative;text-decoration:none}.ref-round svg{width:25px;height:25px}.ref-add-member{background:linear-gradient(140deg,#aa94f7,#6955e7);color:white;box-shadow:inset 0 0 8px #ffffff55;margin-right:7px}.ref-header-search{display:flex;align-items:center;gap:8px;margin-right:auto;background:var(--a-input-surface);border:var(--a-borderWidth) solid var(--a-border);border-radius:var(--a-inputRadius);padding:5px 15px;width:34%;max-width:500px}.ref-header-search svg{width:23px;height:23px;flex-shrink:0}.ref-header-search input{border:0!important;background:transparent!important;box-shadow:none!important;padding:9px!important;min-width:0}body.reference-ui .header-actions{display:flex;align-items:center;gap:13px}body.reference-ui #badge{position:absolute;top:-4px;right:-2px;background:var(--a-danger);color:#142737;border-radius:15px;padding:1px 5px;font-size:10px}.reference-ui section#view{padding:0}.reference-ui #appearance-mobile-nav{display:none!important}.reference-ui .demo{display:none!important}.reference-ui svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}.reference-ui button,.reference-ui a{touch-action:manipulation}.reference-ui button.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--a-accent) 72%,white),var(--a-accent));border:1px solid color-mix(in srgb,var(--a-accent) 60%,white);box-shadow:inset 0 1px 2px #ffffff55;min-height:44px}.reference-ui .ref-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--a-gap);margin:3px 0 20px}.reference-ui .ref-metric{padding:22px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:var(--a-cardRadius);background:var(--a-surface);border:var(--a-borderWidth) solid var(--a-border);backdrop-filter:blur(var(--a-cardBlur));box-shadow:var(--a-shadow);text-decoration:none;color:var(--a-body-color);min-height:118px;flex-direction:row-reverse}.reference-ui .ref-metric b{display:block;font:var(--a-h1-weight) 34px/1.4 var(--a-h1-font);color:var(--a-h1-color);margin-top:9px}.reference-ui .ref-metric.violet b{font-size:21px}.reference-ui .ref-metric-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(140deg,#8170c755,#7254d677);border:1px solid #d6b6ff44;color:#c8a8ff;flex-shrink:0}.reference-ui .ref-metric-icon svg{width:30px;height:30px}.reference-ui .ref-metric.blue .ref-metric-icon{background:linear-gradient(140deg,#4878c266,#3b6dcc55);color:#b3d4ff}.reference-ui .ref-metric.gold .ref-metric-icon{background:linear-gradient(140deg,#b17e2e66,#95601a66);color:#ffd58b}.reference-ui .ref-metric.mint .ref-metric-icon{background:linear-gradient(140deg,#247c7366,#1d796555);color:#9ef0d0}
.reference-ui .ref-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 276px;gap:var(--a-gap)}.reference-ui .ref-primary{min-width:0}.reference-ui .ref-support{position:static;width:auto;padding:0;border:0;background:none;display:flex;flex-direction:column;gap:var(--a-gap);margin:0}.reference-ui .ref-panel{border-radius:var(--a-cardRadius);border:var(--a-borderWidth) solid var(--a-border);background:var(--a-surface);padding:var(--a-padding);backdrop-filter:blur(var(--a-cardBlur));box-shadow:var(--a-shadow);min-width:0}.reference-ui .ref-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.reference-ui .ref-panel-heading h2{display:flex;align-items:center;gap:10px;margin:0;white-space:nowrap}.reference-ui .ref-panel-heading>a{display:flex;padding:5px}.reference-ui .ref-task-panel .ref-panel-heading h2{font-size:var(--a-h1-size)}.reference-ui .ref-view-switch{display:flex;gap:3px;margin-right:auto;background:#0f182830;border:1px solid var(--a-border);border-radius:var(--a-buttonRadius);padding:3px}.reference-ui .ref-view-switch button{border:0;background:none;box-shadow:none;display:flex;align-items:center;gap:7px;padding:7px 12px;font-size:var(--a-meta-size)}.reference-ui .ref-view-switch button.active{border:1px solid color-mix(in srgb,var(--a-accent) 65%,transparent);background:color-mix(in srgb,var(--a-accent) 24%,transparent);color:var(--a-accent);box-shadow:inset 0 1px 2px #ffffff30}.reference-ui .ref-task-tools{display:flex;align-items:center;gap:12px;margin-bottom:14px}.reference-ui .ref-task-tools>label{display:flex;align-items:center;gap:8px;flex:1;margin:0}.reference-ui .ref-task-tools input{padding:7px 12px;max-width:440px}.reference-ui .ref-task-tools select{width:150px;padding:7px;font-size:var(--a-meta-size)}.reference-ui .ref-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.reference-ui .ref-lane{padding:10px 7px 13px;background:#16283855;border:1px solid #98a5e044;border-radius:calc(var(--a-cardRadius) * .7);min-height:520px;display:flex;flex-direction:column;min-width:0}.reference-ui .ref-lane.progress{background:#20374555}.reference-ui .ref-lane.review{background:#9f824022;border-color:#d2b77766}.reference-ui .ref-lane.done{background:#2b9c7a22;border-color:#77c6b866}.reference-ui .ref-lane>h2{margin:5px 5px 17px;font-size:var(--a-h3-size);display:flex;align-items:center;justify-content:space-between}.reference-ui .ref-lane>h2>span{font-size:16px;padding:1px 9px;border-radius:50%;background:#9488d966;color:#ece5ff}.reference-ui .ref-lane.progress>h2>span{background:#b48d3b88;color:#fff0af}.reference-ui .ref-lane.review>h2>span{background:#e5b152;color:#22313a}.reference-ui .ref-lane.done>h2>span{background:#3ab49488;color:#bcffe3}.reference-ui .ref-lane-tasks{display:grid;gap:12px}.reference-ui .ref-task{border:1px solid var(--a-border);background:color-mix(in srgb,var(--a-surface) 88%,#7c8ec230);border-radius:calc(var(--a-cardRadius) * .65);padding:12px 10px;min-width:0;box-shadow:inset 0 1px 1px #ffffff08}.reference-ui .ref-task.done{background:color-mix(in srgb,var(--a-surface) 88%,#308d7833)}.reference-ui .ref-task-top{display:flex;align-items:flex-start;gap:10px;position:relative}.reference-ui .ref-task-top>div{flex:1;min-width:0}.reference-ui .ref-task-icon{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:12px;background:linear-gradient(140deg,#8a68d899,#6850bd66);color:#e1c7ff;flex-shrink:0}.reference-ui .ref-task-icon svg{width:25px;height:25px}.reference-ui .ref-task-icon.book,.reference-ui .ref-task-icon.health{background:linear-gradient(140deg,#5a9ade99,#3262ba88);color:#d6ebff}.reference-ui .ref-task.done .ref-task-icon{background:linear-gradient(140deg,#269a7d66,#2c8e7977);color:#b6ffe2}.reference-ui .ref-card-title{background:none!important;border:0!important;padding:0!important;box-shadow:none!important;text-align:right;display:block;width:100%}.reference-ui .ref-card-title h3{font-size:var(--a-h3-size);font-weight:var(--a-h3-weight);line-height:1.6;margin:0 0 4px}.reference-ui .ref-category{border-radius:20px;font-size:11px;padding:1px 10px;background:#af71c655;color:#efd0ff;display:inline-flex}.reference-ui .ref-task-icon.book+div .ref-category{background:#3369b388;color:#b7dbff}.reference-ui .ref-task-icon.health+div .ref-category{background:#1a77b188;color:#c4e7ff}.reference-ui .ref-more{position:absolute;left:-3px;top:-6px;width:22px;height:22px;padding:0!important;transform:rotate(90deg);background:none!important;border:0!important;opacity:.6}.reference-ui .ref-task p{font-size:var(--a-meta-size);color:var(--a-meta-color);margin:12px 0 15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.reference-ui .ref-task-bottom{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:11px;color:var(--a-meta-color)}.reference-ui .ref-date{display:flex;align-items:center;gap:3px;margin-left:auto}.reference-ui .ref-date svg{display:none}.reference-ui .ref-date.late{color:var(--a-warning)}.reference-ui .ref-step-count{display:flex;align-items:center;gap:2px;direction:ltr}.reference-ui .ref-task-bottom svg{width:15px;height:15px}.reference-ui .ref-progress{height:6px;width:36px;border-radius:6px;background:#7385a04d;overflow:hidden}.reference-ui .ref-progress i{height:100%;display:block;background:linear-gradient(90deg,#4cdcae,#82f1da);border-radius:6px}.reference-ui .ref-comment-count{display:flex;align-items:center;gap:3px;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;font-size:11px}.reference-ui .ref-lane-add{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:18px;min-height:38px;background:#37485a44;font-size:var(--a-meta-size);padding:7px}.reference-ui .ref-lane-add svg{width:16px;height:16px}.reference-ui .ref-empty-lane{font-size:var(--a-meta-size);color:var(--a-meta-color);padding:18px 2px;text-align:center}.reference-ui .ref-mobile-status,.reference-ui .ref-mobile-open,.reference-ui .ref-mobile-home,#ref-mobile{display:none}
.reference-ui .ref-support .ref-panel{padding:17px 12px}.reference-ui .ref-support h2{font-size:var(--a-h3-size)}.reference-ui .ref-side-row{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:13px 12px;margin:8px 0;background:#7183b022;width:100%;text-align:right;border:1px solid var(--a-border);border-radius:var(--a-inputRadius);box-shadow:none}.reference-ui .ref-side-row>div{flex:1;min-width:0}.reference-ui .ref-side-row strong{display:block;font-size:var(--a-meta-size);font-weight:600}.reference-ui .ref-side-row small{display:block;margin-top:4px}.reference-ui .ref-side-row>span{font-size:12px;flex-shrink:0}.reference-ui .ref-wide-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin-top:15px;border:1px solid var(--a-border);background:#7d72c433;border-radius:var(--a-buttonRadius);text-decoration:none;color:var(--a-body-color);font-size:var(--a-meta-size)}.reference-ui .ref-chat-preview{display:flex;align-items:flex-start;gap:10px;padding:12px 10px;border-radius:var(--a-inputRadius);background:#7183b022;margin:8px 0;text-decoration:none;color:var(--a-body-color)}.reference-ui .ref-chat-preview .ref-avatar{width:36px;height:36px}.reference-ui .ref-chat-preview>div{min-width:0;flex:1}.reference-ui .ref-chat-preview strong{font-size:var(--a-meta-size)}.reference-ui .ref-chat-preview p{font-size:var(--a-meta-size);margin:3px 0;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reference-ui .ref-chat-preview small{font-size:11px}.reference-ui .ref-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--a-gap)}.reference-ui .ref-list .ref-task{padding:18px}.reference-ui .ref-calendar-head{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.reference-ui .ref-calendar-head h2{margin:0}.reference-ui .ref-calendar-head .primary{margin-right:auto}.reference-ui .ref-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.reference-ui .ref-weekday{text-align:center;font-size:var(--a-meta-size);padding:6px}.reference-ui .ref-calendar-day{min-height:120px;border:1px solid var(--a-border);border-radius:var(--a-inputRadius);padding:7px;background:#7183b022}.reference-ui .ref-calendar-day.today{border-color:var(--a-accent);background:color-mix(in srgb,var(--a-accent) 18%,transparent)}.reference-ui .ref-calendar-day button{display:block;font-size:12px;width:100%;padding:6px;text-align:right;margin-top:5px;overflow-wrap:anywhere}.reference-ui .ref-calendar-day svg{width:14px;height:14px}.reference-ui .ref-calendar-agenda{display:none}.reference-ui .ref-section-action{display:flex;justify-content:space-between;align-items:center;margin:5px 0 25px}.reference-ui .ref-section-action h2{margin:0}.reference-ui .ref-chat-area .messages{max-height:55vh;min-height:320px;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.reference-ui .ref-message{max-width:85%;margin:0!important;display:flex;flex-direction:column;border:1px solid var(--a-border);border-radius:var(--a-cardRadius);background:#8c7abd55;padding:14px!important}.reference-ui .ref-message>svg{color:var(--a-accent);margin-bottom:5px}.reference-ui .chatinput{display:flex;gap:9px}.reference-ui .chatinput button{width:50px;flex-shrink:0;border-radius:50%}
.reference-ui #ref-dialog{position:fixed;inset:0;width:min(740px,calc(100% - 32px));max-height:calc(100dvh - 48px);height:auto;margin:auto;border:1px solid var(--a-border);border-radius:var(--a-cardRadius);background:var(--a-dialog-surface);backdrop-filter:blur(var(--a-cardBlur));color:var(--a-body-color);padding:24px;overflow:auto;box-shadow:0 25px 100px #07182666}.reference-ui #ref-dialog::backdrop{background:#08152288;backdrop-filter:blur(5px)}.reference-ui .ref-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.reference-ui .ref-dialog-heading h2{margin:0}.reference-ui .ref-dialog-heading button{font-size:25px;width:38px;height:38px;padding:0}.reference-ui #ref-create-form{display:grid;gap:15px}.reference-ui #ref-create-form label{margin:0}.reference-ui .ref-form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.reference-ui .ref-checkbox{display:flex;gap:8px;align-items:center}.reference-ui .ref-checkbox input{width:20px!important}.reference-ui #ref-dialog-error{color:var(--a-danger)}.reference-ui #ref-dialog .card{padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none}.reference-ui #ref-dialog .detail-code{font-size:12px;opacity:.7}.reference-ui .ref-comments{border-top:1px solid var(--a-border);padding-top:22px;margin-top:22px}.reference-ui .ref-comment{display:flex;gap:10px;padding:12px;border-radius:var(--a-inputRadius);background:#7d88bc22;margin:10px 0}.reference-ui .ref-comment p{margin:5px 0}.reference-ui .ref-comment small{font-size:12px}.reference-ui .ref-event-detail{display:flex;align-items:center;gap:18px;padding:10px 0}.reference-ui #ref-dialog .ref-event-detail svg{width:40px;height:40px;color:var(--a-accent)}
@media(min-width:1500px){.reference-ui .ref-task-top{flex-direction:row-reverse}.reference-ui .ref-task-icon{width:48px;height:48px}.reference-ui .ref-task-panel .ref-panel-heading>.primary{order:3}.reference-ui .ref-board{gap:14px}.reference-ui .ref-lane{padding:13px 8px}}
@media(max-width:1280px){.reference-ui .ref-dashboard{grid-template-columns:minmax(0,1fr)}.reference-ui .ref-support{display:grid;grid-template-columns:1fr 1fr}.reference-ui .ref-family-avatars{display:none}.reference-ui .ref-task-panel .ref-panel-heading h2{font-size:var(--a-h2-size)}.reference-ui .ref-board{gap:10px}.reference-ui .ref-task-top{gap:6px}.reference-ui .ref-task-icon{width:34px;height:34px}.reference-ui .ref-card-title h3{font-size:var(--a-meta-size)}.reference-ui .ref-metric{padding:17px 12px}.reference-ui .ref-metric-icon{width:42px;height:42px}.reference-ui .ref-header-search{width:35%}}
@media(max-width:900px){body.reference-ui>aside.ref-sidebar{width:90px;padding:22px 7px}body.reference-ui #nav a{flex-direction:column;gap:5px;padding:10px 2px;font-size:11px}body.reference-ui .ref-sidebar-bottom span,body.reference-ui .ref-sidebar-bottom small{display:none}body.reference-ui main{margin-right:90px;padding:18px 16px 25px}.reference-ui .ref-brand b{font-size:26px}.reference-ui .ref-brand svg{width:42px;height:42px}.reference-ui .ref-header-search{width:34%}.reference-ui .ref-metrics{gap:10px}.reference-ui .ref-metric b{font-size:27px}.reference-ui .ref-metric>div>span{font-size:12px}.reference-ui .ref-metric-icon{width:33px;height:38px}.reference-ui .ref-board{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-ui .ref-lane{min-height:320px}.reference-ui .ref-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.reference-ui>aside.ref-sidebar{display:none}body.reference-ui main{margin:0;padding:20px 16px 112px}body.reference-ui main>header{min-height:90px;padding:5px 0 22px;gap:8px;flex-wrap:wrap}.reference-ui .ref-page-title{order:1;flex:1}.reference-ui .ref-page-title h1{font-size:var(--a-h1-size)}.reference-ui .ref-title-icon{display:none}.reference-ui .ref-page-title p{font-size:12px}.reference-ui .header-actions{order:2}.reference-ui .ref-header-search{order:3;width:100%;max-width:none;margin-top:12px}.reference-ui .ref-metrics{grid-template-columns:1fr 1fr;gap:11px;margin-bottom:18px}.reference-ui .ref-metric{min-height:110px;padding:15px 13px;gap:10px;flex-direction:row}.reference-ui .ref-metric-icon{width:45px;height:50px}.reference-ui .ref-metric b{font-size:29px}.reference-ui .ref-metric.violet b{font-size:19px}.reference-ui .ref-support{display:none}.reference-ui .ref-dashboard{display:block}.reference-ui .ref-task-panel{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none}.reference-ui .ref-task-panel .ref-panel-heading{margin-bottom:16px}.reference-ui .ref-task-panel .ref-panel-heading h2,.reference-ui .ref-view-switch{display:none}.reference-ui .ref-task-panel .ref-panel-heading>.primary{margin-left:auto}.reference-ui .ref-task-tools{gap:8px}.reference-ui .ref-task-tools label>svg{display:none}.reference-ui .ref-task-tools input{max-width:none}.reference-ui .ref-task-tools select{width:100px;font-size:12px}.reference-ui .ref-mobile-status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:15px 0}.reference-ui .ref-mobile-status button{padding:9px 3px;background:var(--a-surface);font-size:11px;min-height:80px;line-height:1.5}.reference-ui .ref-mobile-status b{display:block;font-size:23px;margin-bottom:5px}.reference-ui .ref-mobile-status button.active{background:color-mix(in srgb,var(--a-accent) 48%,var(--a-surface));border-color:var(--a-accent);box-shadow:inset 0 0 15px #9a86f133}.reference-ui .ref-board{display:block}.reference-ui .ref-lane{display:none;background:none;border:0;padding:0;min-height:0}.reference-ui .ref-lane.selected{display:flex}.reference-ui .ref-lane>h2{display:none}.reference-ui .ref-lane-tasks{gap:16px}.reference-ui .ref-task{padding:18px 16px;background:var(--a-surface);backdrop-filter:blur(var(--a-cardBlur));border-radius:var(--a-cardRadius);box-shadow:var(--a-shadow)}.reference-ui .ref-task-top{flex-direction:row-reverse;gap:12px}.reference-ui .ref-task-icon{width:49px;height:51px}.reference-ui .ref-card-title h3{font-size:var(--a-h3-size);line-height:1.6}.reference-ui .ref-category{font-size:12px}.reference-ui .ref-task p{min-height:0;font-size:var(--a-body-size);margin:15px 0 21px;line-height:1.7}.reference-ui .ref-task-bottom{font-size:14px;gap:7px}.reference-ui .ref-task-bottom svg{width:19px;height:19px}.reference-ui .ref-task-bottom .ref-avatar{width:32px;height:32px;font-size:16px}.reference-ui .ref-progress{width:58px;height:7px}.reference-ui .ref-comment-count{font-size:13px}.reference-ui .ref-mobile-open{display:flex;width:100%;margin-top:17px;padding:10px;align-items:center;justify-content:center;gap:20px;background:#758ac04a}.reference-ui .ref-more{left:0}.reference-ui .ref-lane-add{margin-top:18px;background:var(--a-surface);padding:12px}.reference-ui .ref-mobile-home{display:block}.reference-ui .ref-mobile-home>h2,.reference-ui .ref-mobile-home>p{display:none}.reference-ui .ref-mobile-home>.ref-panel{margin-bottom:17px}.reference-ui:has(#view .ref-mobile-home) .ref-task-panel{display:none}.reference-ui .ref-list{grid-template-columns:1fr}.reference-ui .ref-calendar-grid{display:none}.reference-ui .ref-calendar-agenda{display:block}.reference-ui .ref-calendar-head{gap:8px}.reference-ui .ref-calendar-head h2{font-size:var(--a-h3-size)}.reference-ui .ref-calendar-head .primary{width:100%;margin:6px 0 0}.reference-ui .ref-chat-area .columns{display:flex;flex-direction:column}.reference-ui .ref-chat-area .columns>.card:first-child>h2,.reference-ui .ref-chat-area #conversationForm{display:block}.reference-ui .ref-chat-area .columns>.card:first-child:focus-within #conversationForm{display:block}.reference-ui .ref-chat-area .columns>.card:first-child{padding:12px}.reference-ui .ref-chat-area .messages{min-height:40vh;max-height:55vh}.reference-ui .ref-chat-area .tabs{margin:0;flex-wrap:nowrap;overflow:auto}.reference-ui .ref-chat-area .tabs button{flex-shrink:0}.reference-ui #ref-dialog{padding:18px;width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.reference-ui .ref-form-row{grid-template-columns:1fr}.reference-ui #ref-mobile{display:flex;position:fixed;z-index:35;bottom:0;right:0;left:0;padding:9px 10px calc(10px + env(safe-area-inset-bottom));gap:4px;background:var(--a-nav-surface);backdrop-filter:blur(var(--a-navBlur));border:1px solid var(--a-border);border-radius:20px 20px 0 0;box-shadow:0 -5px 30px #172d3a33}.reference-ui #ref-mobile a{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;padding:10px 3px;border-radius:var(--a-buttonRadius);color:var(--a-nav-color);font:var(--a-nav-weight) 12px/1.5 var(--a-nav-font);text-decoration:none}.reference-ui #ref-mobile a svg{width:24px;height:24px}.reference-ui #ref-mobile a.active{color:var(--a-button-ink);background:linear-gradient(140deg,color-mix(in srgb,var(--a-accent) 70%,transparent),color-mix(in srgb,var(--a-accent) 35%,transparent));border:1px solid color-mix(in srgb,var(--a-accent) 70%,transparent)}.reference-ui #toast{bottom:105px}.reference-ui .ref-panel-heading h2{font-size:var(--a-h3-size)}}

.reference-ui .ref-mobile-greeting{display:none}.reference-ui .ref-page-title h1{text-shadow:0 2px 8px #0b233866}.reference-ui .ref-chat-create summary{padding:13px;cursor:pointer;color:var(--a-accent);font-size:var(--a-meta-size)}.reference-ui .ref-chat-create form{margin-top:15px}.reference-ui .ref-message.own{align-self:flex-end;background:color-mix(in srgb,var(--a-accent) 30%,var(--a-surface))}@media(max-width:700px){.reference-ui .ref-mobile-greeting{display:inline}.reference-ui .ref-page-title h1:has(.ref-mobile-greeting) .ref-desktop-title{display:none}}

.reference-ui .ref-more-menu{display:grid;gap:12px}.reference-ui .ref-more-menu a{display:flex;align-items:center;gap:12px;padding:17px;background:var(--a-input-surface);border:1px solid var(--a-border);border-radius:var(--a-inputRadius);color:var(--a-body-color);text-decoration:none}@media(max-width:700px){.reference-ui #ref-mobile button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;flex:1;padding:10px 3px;border-radius:var(--a-buttonRadius);color:var(--a-nav-color);font:var(--a-nav-weight) 12px/1.5 var(--a-nav-font);background:none;border:1px solid transparent;box-shadow:none}.reference-ui #ref-mobile button svg{width:24px;height:24px}.reference-ui #ref-mobile button.active{color:var(--a-button-ink);background:linear-gradient(140deg,color-mix(in srgb,var(--a-accent) 70%,transparent),color-mix(in srgb,var(--a-accent) 35%,transparent));border-color:var(--a-accent)}}

.reference-ui .ref-home .ref-primary{display:grid;gap:20px}.reference-ui .ref-home .ref-primary .ref-list{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-ui .ref-home-schedule{display:none}.reference-ui .ref-tasks-page{width:100%}@media(max-width:700px){.reference-ui .ref-home .ref-primary .ref-list{grid-template-columns:1fr}.reference-ui .ref-home-schedule{display:block}.reference-ui .ref-view-switch{display:flex;flex-wrap:wrap}.reference-ui .ref-task-panel .ref-panel-heading{flex-wrap:wrap}}