@import url("/css/base.css");
@import url("/css/font.css");

/* Interaction polish layered over the durable base UI. */
button,input,select,textarea{transition:border-color .16s,box-shadow .16s,background-color .16s,transform .16s}
input:focus,select:focus,textarea:focus{outline:0;border-color:#678675!important;box-shadow:0 0 0 3px #31584a1c}
button:active{transform:translateY(1px)}
.htmx-request{opacity:.65;pointer-events:none}
.sortable-ghost{opacity:.35}.sortable-drag{transform:rotate(1deg);box-shadow:0 22px 55px #1d302744!important}
.toast{position:fixed;z-index:100;left:50%;bottom:28px;max-width:min(420px,calc(100vw - 28px));transform:translate(-50%,20px);padding:11px 16px;border-radius:11px;background:#29483a;color:#fff;box-shadow:0 18px 45px #15271f4d;font-size:11px;opacity:0;pointer-events:none;transition:.2s}.toast[data-type="error"]{background:#9d433b}.toast.show{opacity:1;transform:translate(-50%,0)}
.card-media{display:grid!important;grid-template-columns:repeat(2,1fr);gap:3px;margin:-12px -12px 11px;height:118px;overflow:hidden;border-radius:8px 8px 3px 3px;position:relative}.card-media.count-1{grid-template-columns:1fr}.card-media img{width:100%;height:100%;object-fit:cover;min-width:0}.card-media.count-3 img:first-child{grid-row:span 2}.card-media>span{position:absolute;left:7px;bottom:7px;background:#17271fcc;color:#fff;border-radius:12px;padding:4px 7px;font-size:9px}.card-heading{display:flex;align-items:center;justify-content:space-between}.card-stats{display:flex;gap:8px;margin-top:7px;color:#738078}.card-stats small{font-size:8px}
.card-heading-actions{display:flex;align-items:center;gap:2px}.card-link{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:#567065;cursor:pointer;font-size:13px}.card-link:hover,.card-link:focus-visible{background:#e6eee9;color:#29483a;outline:0}.dialog-copy-link{float:left;margin:0 42px 12px 0;border:1px solid #cfd9d3;border-radius:10px;background:#f4f8f5;color:#29483a;padding:8px 11px;font-weight:800;cursor:pointer}.dialog-copy-link:hover{background:#e7f0ea}
.group-dialog{width:min(460px,calc(100% - 24px));border:0;border-radius:22px;padding:0;background:transparent}.group-dialog::backdrop{background:#15221ca8;backdrop-filter:blur(6px)}.group-dialog>section{padding:20px;background:#fffdf9;border-radius:22px;box-shadow:0 28px 80px #15221c55}.group-dialog header{display:flex;align-items:start;justify-content:space-between;gap:16px;margin-bottom:12px}.group-dialog header small{color:#8b7247;font-weight:800}.group-dialog h2{margin:4px 0;font-size:22px}.group-dialog header button{width:38px;height:38px;border:0;border-radius:12px;background:#ece9e2;cursor:pointer}.group-dialog>section>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.group-dialog [data-group-mode]{display:flex;align-items:center;justify-content:space-between;min-height:50px;padding:11px 13px;border:1px solid #d9ded9;border-radius:13px;background:#fff;color:#29483a;font-weight:800;cursor:pointer}.group-dialog [data-group-mode].active{border-color:#456a57;background:#e7f1eb;box-shadow:inset 0 0 0 1px #456a57}.group-dialog [data-group-mode] b{font-size:18px}
.account .site-group{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:8px 12px;border-color:#bfcfc5;background:#eaf2ed;color:#244b38;font-size:11px;font-weight:700}.account .site-group:hover{border-color:#557565;background:#dcebe2}.account .site-group>span{font-size:17px}.account .site-group>b{font-weight:900}
.tag-editor-ui{display:grid;gap:7px;padding:9px;background:#f5f2ec;border:1px solid #ddd6ca;border-radius:11px;margin-bottom:10px}.tag-editor-chips{display:flex;flex-wrap:wrap;gap:5px}.tag.editable{display:inline-flex;align-items:center;gap:4px;padding-block:5px}.tag.editable button{border:0;background:transparent;color:inherit;padding:0;line-height:1;cursor:pointer}.tag-entry{display:grid;grid-template-columns:1fr 34px;gap:5px}.tag-entry input{margin:0!important;background:#fff}.tag-add{border:0;background:#29483a;color:#fff;border-radius:8px;font-size:16px;cursor:pointer}.tag-palette{display:flex;gap:6px}.tag-palette button{width:20px;height:20px;border-radius:50%;border:3px solid transparent;background:var(--choice);cursor:pointer}.tag-palette button.active{border-color:#fff;box-shadow:0 0 0 2px var(--choice)}.tag-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:5px;border-top:1px solid #e1dbd0;padding-top:7px}.tag-suggestions small{color:#738078;margin-left:4px}.tag-suggestions button{display:inline-flex;align-items:center;gap:4px;border:1px solid #ddd6ca;background:#fff;border-radius:12px;padding:4px 7px;font-size:8px;cursor:pointer}.tag-suggestions i{width:7px;height:7px;border-radius:50%;background:var(--tag)}
.comment{border:1px solid #e1dbd0;background:#f8f5ef!important;padding:11px!important}.comment>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.comment-author{display:grid}.comment-author b{font-size:10px}.comment-author small{font-size:8px;color:#738078;margin-top:2px}.comment-tools{display:flex;gap:3px}.comment-tools button{border:0;background:transparent;color:#587063;font-size:8px;cursor:pointer}.comment-tools button[data-delete]{color:#a84d44}.comment-copy{font-size:11px!important;line-height:1.7}.mention{background:#dfece4;color:#28543e;border-radius:4px;padding:1px 3px}.comment-edit-panel textarea{min-height:75px;margin:7px 0}.comment-edit-panel>div{display:flex;gap:5px}.comment-edit-panel button{border:0;background:#29483a;color:#fff;border-radius:6px;padding:6px 9px;font-size:8px;cursor:pointer}.comment-edit-panel button[data-cancel]{background:#ded8cd;color:#1e2d26}.comments-empty{display:grid;place-items:center;text-align:center;gap:4px;padding:22px;color:#738078}.comments-empty b{color:#29483a}.pending-file{display:flex;align-items:center;gap:7px;padding:7px;margin:6px 0;background:#e8efe9;border:1px solid #cbd9cd;border-radius:9px;font-size:9px}.pending-file img{width:42px;height:35px;border-radius:6px;object-fit:cover}.pending-file span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pending-file button{border:0;background:transparent;color:#a84d44;font-size:16px;cursor:pointer}#add-comment:disabled{opacity:.55}.comments>.tag-editor-ui{margin-top:8px}
@media(max-width:760px){.card-media{height:150px;margin:-14px -14px 12px}.tag-palette button{width:24px;height:24px}.comment-tools button{font-size:10px;padding:5px}.comment-copy{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Planner-grade labels, ownership and dynamic buckets. */
.card{position:relative;overflow:visible!important}.card[data-editable="false"]{cursor:pointer}.card[data-editable="false"]:after{content:"عرض";position:absolute;left:9px;top:9px;padding:2px 6px;border-radius:8px;background:#f3eee5;color:#786f63;font-size:7px;z-index:3}.card-owner{display:block;color:#8b938d;font-size:7.5px;margin:3px 0 9px}.card-pinned-tags{display:flex;gap:4px;flex-wrap:wrap;margin:-12px -12px 10px;padding:8px 9px 0}.card-pinned-tags+.card-media{margin-top:0}.tag-pinned{height:6px;min-width:42px;max-width:96px;padding:0;border:0;border-radius:6px;background:var(--tag);color:transparent;overflow:hidden;box-shadow:none}.tag-pinned:hover{height:auto;padding:4px 7px;color:#fff}

.label-picker{position:relative;display:block;margin:7px 0 12px}.label-selected{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-height:38px}.label-selected>span:not(.tag){font-size:9px;color:#879087}.label-selected .tag{cursor:pointer}.label-trigger{border:1px dashed #aeb9b1;background:#f8f7f3;color:#31584a;border-radius:9px;padding:8px 11px;font:inherit;font-size:9px;cursor:pointer}.label-trigger:hover{background:#edf3ef;border-color:#6f8b7c}.label-popover{position:absolute;z-index:80;top:calc(100% + 5px);right:0;width:min(340px,calc(100vw - 46px));padding:10px;border:1px solid #d7dcd7;border-radius:13px;background:#fff;box-shadow:0 18px 50px #203b2e32}.label-search{display:grid;grid-template-columns:1fr 30px;gap:5px}.label-search input{margin:0!important;height:36px!important}.label-close{border:0;background:#f1eee8;border-radius:8px;color:#59665f;font-size:18px;cursor:pointer}.label-list{display:grid;gap:3px;max-height:210px;overflow:auto;margin:8px 0}.label-list>button{display:grid;grid-template-columns:13px 1fr 20px;align-items:center;gap:8px;width:100%;border:0;border-radius:8px;background:transparent;padding:8px;text-align:right;font:inherit;font-size:10px;cursor:pointer}.label-list>button:hover{background:#f2f5f2}.label-list i,.tag-filter-popover i{width:12px;height:12px;border-radius:4px;background:var(--tag)}.label-list b{color:#31584a}.label-list small{padding:12px;text-align:center;color:#7c867f}.label-colors{display:flex;gap:7px;padding:8px 3px;border-top:1px solid #eee}.label-colors button{width:22px;height:22px;border:3px solid #fff;border-radius:50%;background:var(--choice);box-shadow:0 0 0 1px #ddd;cursor:pointer}.label-colors button.active{box-shadow:0 0 0 2px var(--choice)}.label-create{width:100%;border:0;border-radius:8px;background:#e8f0ea;color:#29483a;padding:9px;font:inherit;font-size:9px;cursor:pointer}

.tag-filter{position:relative;min-width:135px}.tag-filter-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;height:100%;min-height:38px;border:1px solid #d9d8d3;border-radius:8px;background:#fff;color:#34463d;padding:0 11px;font:inherit;font-size:9px;cursor:pointer}.tag-filter-trigger i{font-style:normal}.tag-filter-popover{position:absolute;z-index:70;top:calc(100% + 5px);right:0;width:260px;max-height:360px;overflow:auto;padding:8px;border:1px solid #d8ddd8;border-radius:12px;background:#fff;box-shadow:0 18px 45px #243b3030}.tag-filter-popover header{display:flex;align-items:center;justify-content:space-between;padding:6px 7px}.tag-filter-popover header button{border:0;background:transparent;color:#a84d44;font:inherit;font-size:8px;cursor:pointer}.tag-filter-popover label{display:grid;grid-template-columns:17px 12px 1fr 20px;align-items:center;gap:7px;padding:8px;border-radius:8px;cursor:pointer;font-size:9px}.tag-filter-popover label:hover{background:#f3f5f2}.tag-filter-popover label input{margin:0;width:14px;height:14px}.tag-filter-popover small{text-align:left;color:#8a918c}.tag-filter-popover p{padding:16px;color:#808b84;text-align:center;font-size:9px}

.lane>header{position:relative}.bucket-actions{margin-right:auto;position:relative}.bucket-actions>button{border:0;background:transparent;color:#758078;cursor:pointer;font-weight:700}.bucket-actions>div{position:absolute;z-index:30;top:26px;left:0;width:125px;padding:5px;border:1px solid #dcdedb;border-radius:9px;background:#fff;box-shadow:0 12px 30px #263e3230}.bucket-actions>div button{display:block;width:100%;border:0;border-radius:6px;background:transparent;padding:7px;text-align:right;font:inherit;font-size:8px;cursor:pointer}.bucket-actions>div button:hover{background:#f2f4f1}.bucket-actions>div button:last-child{color:#a84d44}.lane-create{display:grid;place-items:center;min-height:210px;background:#ffffff80;border:1px dashed #b9c4bc!important}.lane-create>button{display:grid;place-items:center;gap:6px;width:100%;min-height:180px;border:0;background:transparent;color:#567064;cursor:pointer}.lane-create>button:first-letter{font-size:25px}.lane-create b{font-size:11px}.lane-create span{font-size:8px;color:#869087}
.lane-drag-handle{display:grid;place-items:center;width:32px;height:32px;margin:-6px 0!important;padding:0!important;border:1px solid transparent;border-radius:8px;background:transparent;color:#718078;font-size:19px;line-height:1;cursor:grab;touch-action:none;user-select:none}.lane-drag-handle:hover{border-color:#cad4cd;background:#eef3ef;color:#31584a}.lane-drag-handle:active{cursor:grabbing}.lane-sortable-ghost{opacity:.28!important}.lane-sortable-chosen{box-shadow:0 18px 44px #20352a2b!important}.lane-sortable-drag{transform:rotate(.5deg);box-shadow:0 24px 65px #182d2350!important}.board.sortable-fallback{overflow:visible}.lane-drag-handle:focus-visible{outline:3px solid #31584a35;outline-offset:2px}

#bucket-dialog{width:min(440px,calc(100vw - 24px));border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px #15271f66}#bucket-dialog::backdrop{background:#17251e99;backdrop-filter:blur(4px)}.bucket-dialog-form{position:relative;padding:24px}.bucket-dialog-form>.close{position:absolute;left:18px;top:16px;border:0;background:#eeeae3;border-radius:50%;width:31px;height:31px;font-size:18px;cursor:pointer}.bucket-dialog-form>small{color:#7d897f;letter-spacing:.1em}.bucket-dialog-form h2{margin:8px 0 19px;color:#20382d}.bucket-dialog-form p{line-height:1.8;color:#5f6863}.bucket-dialog-form label{display:grid;gap:6px;font-size:9px}.bucket-dialog-form input,.bucket-dialog-form select{height:43px;border:1px solid #d3d8d4;border-radius:9px;padding:0 11px;font:inherit}.bucket-dialog-form .dialog-actions{margin-top:18px}

.ownership-badge{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:-2px 0 14px;padding:8px 10px;border-radius:9px;background:#f1f4f1;color:#657169;font-size:8px}.ownership-badge i{font-style:normal;color:#397052}.ownership-badge i.readonly{color:#8a6c42}.drawer:has(.ownership-badge .readonly) .label-picker:first-of-type{pointer-events:none;opacity:.72}.drawer:has(.ownership-badge .readonly) .label-picker:first-of-type .label-trigger{display:none}

@media(max-width:760px){.tag-filter{min-width:0}.tag-filter-trigger{min-height:42px}.tag-filter-popover{position:fixed;right:12px;left:12px;top:auto;bottom:82px;width:auto;max-height:55vh}.label-popover{position:fixed;right:12px;left:12px;top:auto;bottom:76px;width:auto;max-height:65vh}.label-list{max-height:32vh}.label-trigger{min-height:40px}.card-pinned-tags{margin:-14px -14px 11px}.tag-pinned{min-width:52px}.bucket-actions>button{padding:8px}.bucket-actions>div{left:-4px}.lane-drag-handle{width:38px;height:38px;margin:-7px 0!important;font-size:22px}.lane-create{min-height:250px}.lane-create>button{min-height:220px}.ownership-badge{align-items:flex-start;flex-direction:column}}

/* Browser review refinements: readable labels, larger cards and inline comments. */
.card h3{font-size:15px!important;line-height:1.55;margin:11px 0 7px}.card-owner{font-size:9px;line-height:1.5}.lane h2{font-size:13px}.status,.priority{font-size:9px;background:color-mix(in srgb,var(--chip) 17%,white)!important;color:color-mix(in srgb,var(--chip) 82%,black)!important;border:1px solid color-mix(in srgb,var(--chip) 30%,white);padding:5px 8px}.card footer{font-size:9px}
.card-pinned-tags{gap:6px;margin:-12px -12px 11px;padding:10px 10px 0;justify-content:flex-start!important}.tag-pinned{display:inline-flex;align-items:center;height:auto;min-width:0;max-width:100%;padding:5px 9px;border:0;border-radius:7px;background:var(--tag);color:#fff;font-size:9px;line-height:1.2;box-shadow:0 3px 8px color-mix(in srgb,var(--tag) 25%,transparent);white-space:normal;overflow-wrap:anywhere}.tag-pinned:hover{height:auto;padding:5px 9px;color:#fff}
.card-comments-preview{margin:11px -12px -12px;border-top:1px solid #d8ded9;border-radius:0 0 10px 10px;background:#f1f5f2;cursor:default}.comments-toggle{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:7px;width:100%;border:0;background:transparent;color:#31584a;padding:9px 11px;text-align:right;font:inherit;font-size:9px;cursor:pointer}.comments-toggle b{min-width:20px;padding:2px 6px;border-radius:10px;background:#d8e7dd;text-align:center}.comments-toggle i{font-style:normal;color:#6f7c74}.inline-comment-list{display:grid;gap:6px;padding:0 8px 9px}.card-comments-preview.is-collapsed .inline-comment-list{display:none}.inline-comment{padding:8px 9px;border:1px solid #dce3de;border-radius:8px;background:#fff}.inline-comment header{display:flex;align-items:center;justify-content:space-between;gap:8px}.inline-comment header b{font-size:9px;color:#29483a}.inline-comment time{font-size:7px;color:#879188}.inline-comment p{margin:5px 0 0;font-size:10px;line-height:1.65;color:#394a41;white-space:normal;overflow-wrap:anywhere}.inline-comment .tags{margin-top:6px}.inline-comment>small{display:block;margin-top:5px;color:#738078;font-size:8px}

@media(min-width:761px){.app-shell{overflow:visible;padding-bottom:8px}.board{align-items:flex-start;overflow-x:auto;overflow-y:visible;padding-bottom:28px}.lane{height:max-content;max-height:none}.cards{overflow:visible}.board::-webkit-scrollbar{height:13px}.board::-webkit-scrollbar-thumb{background:#89988e;border:3px solid var(--paper);border-radius:10px}}
@media(max-width:760px){.card h3{font-size:16px!important}.card-owner{font-size:10px}.card-pinned-tags{margin:-14px -14px 12px;padding:11px 11px 0}.tag-pinned{font-size:10px;padding:6px 9px}.card-comments-preview{margin:12px -14px -14px}.comments-toggle{min-height:42px;font-size:10px}.inline-comment p{font-size:11px}}

/* Card attribute management in the admin center. */
.attribute-admin{display:grid;grid-template-columns:1fr 1fr;gap:12px}.attribute-group{padding:13px;border:1px solid #e0ddd6;border-radius:12px;background:#f7f4ee}.attribute-group>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.attribute-group h3{margin:0;font-size:14px}.attribute-group header small{color:var(--muted);font-size:8px}.attribute-row,.attribute-create{display:grid;grid-template-columns:42px 1fr 70px;align-items:center;gap:7px;margin-top:6px}.attribute-row input[type=color],.attribute-create input[type=color]{width:38px;height:36px;padding:3px;border:1px solid var(--line);border-radius:8px;background:#fff}.attribute-row input[type=text],.attribute-create input[type=text]{min-width:0;height:36px;border:1px solid var(--line);border-radius:8px;padding:0 9px;background:#fff}.attribute-row button,.attribute-create button{height:36px;border:0;border-radius:8px;background:var(--green);color:#fff;font:inherit;font-size:8px;cursor:pointer}.attribute-create{padding-top:8px;margin-top:9px;border-top:1px dashed #d0ccc4}.attributes-panel{margin-top:13px}.attributes-panel .panel-head{margin-bottom:8px}
@media(max-width:760px){.attribute-admin{grid-template-columns:1fr}.attribute-row,.attribute-create{grid-template-columns:42px 1fr 65px}}

/* Rich card drawer, member mentions and fully editable labels. */
.drawer{font-size:14px}.drawer>small{font-size:10px}.drawer h2{font-size:27px;line-height:1.35;margin:7px 0 20px}.drawer label{font-size:12px;gap:7px;margin-bottom:12px}.drawer input,.drawer select,.drawer textarea{min-height:44px;padding:11px 12px;font-size:13px}.drawer textarea{line-height:1.65}.ownership-badge{font-size:10px;padding:10px 12px}.comments{position:relative}.comments h3{font-size:19px}.section-head{align-items:center;font-size:13px}.comment{padding:14px!important;margin:10px 0}.comment-author{display:flex!important;align-items:center;gap:9px}.comment-author>span:not(.member-avatar){display:grid;gap:2px}.comment-author b{font-size:13px}.comment-author small{font-size:10px}.comment-tools button{font-size:11px;padding:5px 7px}.comment-copy{font-size:14px!important;line-height:1.8}.comment .tag{font-size:10px;padding:5px 8px}.comment-edit-panel{margin-top:10px;padding-top:10px;border-top:1px dashed #d8d4cc}.comment-edit-panel textarea{font-size:13px;min-height:90px}.comment-edit-panel>div:last-child{margin-top:8px}.comment-edit-panel button{font-size:11px;padding:8px 11px}.dialog-actions button,#add-comment{font-size:13px;padding:11px 14px}.upload{font-size:12px!important;padding:10px!important}
.member-avatar{display:inline-grid;place-items:center;flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,color-mix(in srgb,var(--avatar) 82%,white),var(--avatar));color:#fff;font-size:10px;font-weight:900;letter-spacing:.03em;box-shadow:0 4px 10px color-mix(in srgb,var(--avatar) 28%,transparent)}.member-avatar.small{width:23px;height:23px;font-size:7px}.inline-comment header>div{display:flex;align-items:center;gap:6px}.inline-comment header b{font-size:10px}
.comment-composer{position:relative;margin-top:12px}.comment-composer textarea{width:100%;min-height:92px;margin:0}.mention-menu:empty{display:none}.mention-menu:not(:empty){position:absolute;z-index:95;right:0;left:0;bottom:calc(100% + 7px);display:block;padding:8px;border:1px solid #d8ded9;border-radius:14px;background:#fff;box-shadow:0 20px 55px #1b30264a;overflow:hidden}.mention-menu>header{display:flex;align-items:center;justify-content:space-between;padding:5px 7px 9px;border-bottom:1px solid #edf0ed}.mention-menu>header span{font-size:12px;font-weight:900;color:#29483a}.mention-menu>header small{font-size:9px;color:#7a867e}.mention-menu>div{display:grid;gap:3px;padding-top:5px}.mention-menu button{display:grid;grid-template-columns:38px 1fr 20px;align-items:center;gap:9px;width:100%;padding:8px 9px;border:0;border-radius:10px;background:transparent;text-align:right;color:#30443a;cursor:pointer}.mention-menu button:hover,.mention-menu button.active{background:#edf4ef}.mention-menu button>span{display:grid;gap:1px}.mention-menu button b{font-size:12px}.mention-menu button small{font-size:9px;color:#7d8981}.mention-menu button i{font-style:normal;color:#5d7a69}.mention{display:inline-flex;align-items:center;background:#dcece2;color:#24543b;border:1px solid #c7dfcf;border-radius:7px;padding:2px 6px;font-weight:800}
.label-selected{align-items:center}.editable-tag{display:inline-flex!important;align-items:center;gap:5px;padding:5px 6px 5px 9px!important}.editable-tag>span{max-width:150px;overflow:hidden;text-overflow:ellipsis}.editable-tag button{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:5px;background:#ffffffa8;color:color-mix(in srgb,var(--tag) 76%,black);font-size:11px;line-height:1;cursor:pointer}.editable-tag button:hover{background:#fff}.label-quick-edit{display:grid;gap:9px}.label-quick-edit header{display:flex;align-items:center;justify-content:space-between}.label-quick-edit header b{font-size:12px}.label-quick-edit header button{border:0;background:#eeeae3;border-radius:7px;width:28px;height:28px;cursor:pointer}.label-quick-edit>input{margin:0!important}.label-quick-edit>[data-edit-save]{border:0;border-radius:8px;background:#29483a;color:#fff;padding:9px;font:inherit;font-size:10px;cursor:pointer}.comment-edit-panel .label-picker{margin:8px 0}.comment-edit-panel .label-popover{right:auto;left:0}
@media(max-width:760px){.drawer{font-size:15px}.drawer h2{font-size:23px}.drawer label{font-size:13px}.drawer input,.drawer select,.drawer textarea{font-size:15px;min-height:48px}.ownership-badge{font-size:11px}.comment-copy{font-size:15px!important}.comment-author b{font-size:14px}.comment-author small{font-size:11px}.comment-tools button{font-size:12px}.mention-menu:not(:empty){position:fixed;right:10px;left:10px;bottom:84px}.mention-menu button{min-height:54px}.member-avatar{width:38px;height:38px;font-size:11px}}

/* Extra-large reading scale requested for the complete card drawer. */
#card-dialog{width:min(820px,calc(100% - 20px))}.drawer{font-size:17px;padding:32px}.drawer>small{font-size:12px}.drawer h2{font-size:32px;line-height:1.35;margin:8px 0 22px}.drawer label{font-size:15px;gap:8px;margin-bottom:14px}.drawer input,.drawer select,.drawer textarea{min-height:50px;padding:13px 14px;font-size:17px}.drawer textarea{line-height:1.75}.ownership-badge{font-size:12px;padding:12px 14px}.comments h3{font-size:23px}.section-head{font-size:15px}.comment{padding:16px!important;margin:12px 0}.comment-author b{font-size:16px}.comment-author small{font-size:12px}.comment-tools button{font-size:13px;padding:7px 9px}.comment-copy{font-size:17px!important;line-height:1.85}.comment .tag{font-size:12px;padding:6px 9px}.comment-edit-panel textarea{font-size:16px;min-height:105px}.comment-edit-panel button{font-size:14px;padding:10px 13px}.dialog-actions button,#add-comment{font-size:15px;padding:13px 17px}.upload{font-size:14px!important;padding:12px!important}.label-trigger{font-size:13px;padding:10px 13px}.label-selected>span:not(.tag){font-size:12px}.label-list>button{font-size:13px}.mention-menu>header span{font-size:14px}.mention-menu>header small{font-size:11px}.mention-menu button b{font-size:14px}.mention-menu button small{font-size:11px}
@media(max-width:760px){#card-dialog{width:100%}.drawer{font-size:17px;padding:25px 15px calc(22px + env(safe-area-inset-bottom))}.drawer h2{font-size:27px}.drawer label{font-size:15px}.drawer input,.drawer select,.drawer textarea{font-size:17px;min-height:52px}.ownership-badge{font-size:13px}.comments h3{font-size:22px}.comment-copy{font-size:17px!important}.comment-author b{font-size:16px}.comment-author small{font-size:12px}.comment-tools button{font-size:14px}}

/* Integrated WYSIWYG comment composer. */
.comment-composer{margin-top:15px}.rich-editor-shell{position:relative;border:1px solid #cfd8d2;border-radius:15px;background:#fff;box-shadow:0 8px 24px #263c3012;overflow:visible}.rich-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:52px;padding:7px 9px;border-bottom:1px solid #e2e7e3;border-radius:15px 15px 0 0;background:#f5f7f5}.format-actions,.composer-actions{display:flex;align-items:center;gap:5px}.rich-toolbar button,.toolbar-attach{display:grid;place-items:center;min-width:36px;height:36px;margin:0!important;padding:0 9px!important;border:1px solid #d7ded9;border-radius:8px;background:#fff;color:#29483a;font-size:13px;font-weight:800;cursor:pointer}.rich-toolbar button:hover,.toolbar-attach:hover{border-color:#82998c;background:#ebf2ed}.toolbar-attach{display:flex!important;gap:5px;width:auto!important;font-size:12px!important}.rich-editor{min-height:130px;padding:16px;font-size:17px;line-height:1.85;color:#263b30;outline:0;overflow-wrap:anywhere}.rich-editor:empty:before,.comment-edit-rich:empty:before{content:attr(data-placeholder);color:#8b9690;pointer-events:none}.rich-editor:focus{box-shadow:inset 0 0 0 2px #31584a22}.rich-editor p,.rich-comment p{margin:4px 0}.rich-editor ul,.rich-editor ol,.rich-comment ul,.rich-comment ol{margin:7px 20px 7px 0;padding-right:18px}.rich-editor .mention{cursor:default}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border-top:1px solid #e5e9e6;border-radius:0 0 15px 15px;background:#fafbf9}.composer-footer>span{font-size:11px;color:#77847c}.composer-footer #add-comment{white-space:nowrap;margin:0}.comment-tags-slot{display:block}.comment-tags-slot .label-picker{margin:0}.comment-tags-slot .label-selected{min-height:36px;gap:4px}.comment-tags-slot .label-selected>span:not(.tag){display:none}.comment-tags-slot .label-trigger{height:36px;padding:0 9px;font-size:12px;border-style:solid;background:#fff}.comment-tags-slot .editable-tag{font-size:10px}.comment-tags-slot .label-popover{top:calc(100% + 7px);right:auto;left:0}.comment-composer .mention-menu:not(:empty){top:56px;right:10px;left:10px;bottom:auto;max-height:320px;overflow:auto}.comment-composer #pending-comment-file:empty{display:none}.comment-composer #pending-comment-file{padding:0 10px}.comment-composer .pending-file{margin:0 0 9px}.rich-comment{font-size:17px;line-height:1.85;white-space:normal;overflow-wrap:anywhere}.inline-comment-copy{margin:5px 0 0;font-size:10px;line-height:1.65;color:#394a41}.inline-comment-copy p{margin:3px 0}.inline-comment-copy ul,.inline-comment-copy ol{margin:4px 16px 4px 0;padding-right:10px}
.comment-edit-panel>.rich-toolbar{display:flex;min-height:46px;border:1px solid #d9e0db;border-bottom:0;border-radius:10px 10px 0 0}.comment-edit-panel>.comment-edit-rich{display:block;min-height:110px;padding:13px;border:1px solid #d9e0db;border-radius:0 0 10px 10px;background:#fff;font-size:16px;line-height:1.8;outline:0}.rich-toolbar.compact{justify-content:flex-start}.rich-toolbar.compact .format-actions{display:flex}.rich-toolbar.compact button{min-width:34px;height:32px}.comment-edit-panel>.label-picker{display:block}
@media(max-width:760px){.rich-toolbar{align-items:flex-start;flex-wrap:wrap}.format-actions{order:1}.composer-actions{order:2;width:100%;justify-content:flex-end}.rich-editor{min-height:150px;font-size:17px}.composer-footer{align-items:flex-start;flex-direction:column}.composer-footer #add-comment{width:100%}.comment-composer .mention-menu:not(:empty){position:fixed;top:auto;right:10px;left:10px;bottom:84px}.toolbar-attach span{display:none}.comment-tags-slot .label-popover{position:fixed;right:10px;left:10px;top:auto;bottom:84px}}

/* Project supervisor completion acceptance. */
.supervisor-approval{margin:4px 0 18px;padding:15px;border:1px solid #b9d3c2;border-radius:13px;background:linear-gradient(135deg,#eef7f0,#f8fbf8);box-shadow:0 7px 20px #31584a12}.supervisor-approval label{display:block;margin:0!important;cursor:pointer}.supervisor-approval label>input{position:absolute;opacity:0;pointer-events:none}.supervisor-approval label>span{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 14px}.supervisor-approval label>span:after{content:"";grid-column:2;grid-row:1/3;width:44px;height:24px;border-radius:16px;background:#bdc9c1;box-shadow:inset 0 0 0 1px #9eada3;transition:.18s}.supervisor-approval label>span:before{content:"";position:absolute;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #23372d42;z-index:1;transition:.18s}.supervisor-approval label>input:checked+span:after{background:#2f6a4b;box-shadow:inset 0 0 0 1px #245b3d}.supervisor-approval label>input:checked+span:before{transform:translateX(20px)}.supervisor-approval b{font-size:15px;color:#244c37}.supervisor-approval small{grid-column:1;font-size:11px;line-height:1.7;color:#607268}.supervisor-approval label>input:focus-visible+span{outline:3px solid #2f6a4b42;outline-offset:7px;border-radius:7px}.supervisor-approval[hidden]{display:none!important}
@media(max-width:760px){.supervisor-approval{padding:14px 12px}.supervisor-approval label>span{grid-template-columns:1fr auto}.supervisor-approval b{font-size:14px}.supervisor-approval small{font-size:11px}}

/* Installable native-feeling PWA shell. */
.pwa-install{border:1px solid #b9c9bf!important;background:#edf4ef!important;color:#29483a!important;border-radius:8px;padding:7px 10px!important;font:inherit;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.login-form>.pwa-install{order:10;width:100%;margin-top:12px;padding:11px!important}.pwa-install-sheet{position:fixed;z-index:140;right:12px;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:none;max-width:520px;margin:auto;padding:17px;border:1px solid #cbd7cf;border-radius:18px;background:#fffdf9;box-shadow:0 28px 80px #15271f66}.pwa-install-sheet.show{display:block}.pwa-install-sheet>div{display:flex;align-items:center;justify-content:space-between}.pwa-install-sheet b{font-size:16px;color:#29483a}.pwa-install-sheet button{width:34px;height:34px;border:0;border-radius:9px;background:#eeeae3;font-size:20px;cursor:pointer}.pwa-install-sheet p{margin:10px 0 0;color:#627168;line-height:1.8;font-size:13px}.pwa-network-banner{position:fixed;z-index:150;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);transform:translate(-50%,18px);padding:10px 14px;border-radius:10px;background:#29483a;color:#fff;box-shadow:0 16px 44px #15271f55;opacity:0;pointer-events:none;transition:.2s}.pwa-network-banner.error{background:#9d433b}.pwa-network-banner.show{opacity:1;transform:translate(-50%,0)}
.offline-page{min-height:100dvh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at top,#fff8e9,transparent 38%),#efede7}.offline-page main{width:min(520px,100%);padding:38px 28px;border:1px solid #d9d4c9;border-radius:24px;background:#fffdf9;text-align:center;box-shadow:0 30px 90px #26372e22}.offline-page main>b{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:20px;background:#29483a;color:#e7c994;font-size:22px}.offline-page small{color:#ba9157;letter-spacing:.16em}.offline-page h1{margin:12px 0 7px;color:#243b30}.offline-page p{color:#68756e;line-height:1.8}.offline-page button{border:0;border-radius:10px;background:#29483a;color:#fff;padding:11px 18px;font:inherit;font-weight:800;cursor:pointer}
@media(display-mode:standalone){.appbar{padding-top:env(safe-area-inset-top)}.app-shell{min-height:100dvh}.pwa-install{display:none!important}}
@media(max-width:760px){html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body{touch-action:manipulation}.appbar{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.board{scrollbar-width:none;-webkit-overflow-scrolling:touch}.board::-webkit-scrollbar{display:none}.cards{-webkit-overflow-scrolling:touch}.pwa-install{min-height:36px}.account .pwa-install{display:inline-flex;align-items:center}.pwa-install-sheet{bottom:calc(78px + env(safe-area-inset-bottom))}.pwa-network-banner{bottom:calc(82px + env(safe-area-inset-bottom))}.pwa-standalone .bottom-nav{bottom:max(5px,env(safe-area-inset-bottom))}}

/* Extra-large, highly readable login credentials. */
.login-form label{gap:10px;margin-bottom:20px;color:#20382d;font-size:18px;line-height:1.35;font-weight:800}
.login-form input{min-height:62px;border-width:2px;border-radius:12px;padding:14px 17px;color:#172b21;font-size:21px;line-height:1.3;font-weight:700}
.login-form input:focus{border-color:#31584a!important;box-shadow:0 0 0 4px #31584a20!important}
.login-form>button{min-height:58px;font-size:18px}
@media(max-width:760px){.login-form label{margin-bottom:18px;font-size:18px}.login-form input{min-height:64px;font-size:21px}.login-form>button{min-height:60px;font-size:18px}}

/* Calm, regular-weight text inside card data-entry fields. */
#card-form input:not([type="checkbox"]):not([type="file"]),
#card-form select,
#card-form textarea{font-size:15px;font-weight:400}
#card-form select option{font-size:15px;font-weight:400}
@media(max-width:760px){#card-form input:not([type="checkbox"]):not([type="file"]),#card-form select,#card-form textarea{font-size:15px;font-weight:400}}

/* Native app-style search and filter command bar. */
.tools{grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:9px;overflow:visible;padding:10px;border-radius:18px}
.tools-search{position:relative;min-width:0}
.tools-search>span{position:absolute;z-index:1;right:15px;top:50%;transform:translateY(-50%);color:#6f7e76;font-size:22px;pointer-events:none}
.tools-search>input{width:100%;height:46px;padding:0 46px 0 15px!important;border-radius:13px!important;background:#f8faf8!important;font-size:13px}
.tools-search>input::-webkit-search-cancel-button{cursor:pointer}
.tools-filters{display:flex;align-items:stretch;gap:7px;min-width:0;overflow:visible}
.tools-filters>select,.tools-filters>#new-card,.tools-filters .tag-filter-trigger{min-height:46px;border-radius:13px!important;font-size:12px;white-space:nowrap}
.tools-filters>select{min-width:145px;padding:0 13px}
.tools-filters>#new-card{min-width:145px;padding:0 16px}
.tools-filters>.tag-filter{flex:0 0 155px;min-width:155px}
.tag-filter-trigger[aria-expanded="true"]{border-color:#557565;background:#edf4ef;color:#244b38;box-shadow:0 0 0 3px #31584a18}
.tag-filter-popover[hidden]{display:none!important}
.tag-filter-popover header>span{display:flex;align-items:center;gap:5px}
.tag-filter-popover [data-filter-close]{display:grid;place-items:center;width:30px;height:30px;padding:0;border-radius:8px;background:#f0ede7;color:#3e5348;font-size:19px}

@media(max-width:1100px){
  .tools{position:sticky;top:8px;z-index:15;display:grid;grid-template-columns:1fr;margin:8px 0 12px;padding:10px;min-width:0;border:1px solid #d5ddd7;border-radius:20px;background:#fffdf9ed;box-shadow:0 12px 34px #23382d1f;backdrop-filter:blur(18px)}
  .tools>*{min-width:0}
  .tools-search>input{height:52px;border:0!important;border-radius:15px!important;background:#eef3ef!important;font-size:15px;box-shadow:inset 0 0 0 1px #dbe3dd}
  .tools-search>input:focus{background:#fff!important;box-shadow:0 0 0 3px #31584a1e,inset 0 0 0 1px #6f8b7c!important}
  .tools-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0;padding:0;overflow:visible}
  .tools-filters>select,.tools-filters>#new-card,.tools-filters>.tag-filter{width:100%;min-width:0}
  .tools-filters>#status-filter{grid-column:1;grid-row:1}
  .tools-filters>#member-filter{grid-column:2;grid-row:1}
  .tools-filters>.tag-filter{grid-column:1;grid-row:2}
  .tools-filters>#new-card{grid-column:2;grid-row:2}
  .tools-filters>select,.tools-filters>#new-card,.tools-filters .tag-filter-trigger{min-height:48px;border:1px solid #d5ddd7!important;border-radius:15px!important;background:#fff;color:#29483a;font-size:13px}
  .tools-filters>#new-card{border-color:#29483a!important;background:#29483a;color:#fff}
  .tag-filter-popover{position:fixed;z-index:121;right:12px;left:12px;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));width:auto;max-height:min(62dvh,540px);padding:13px;border:1px solid #cdd8d0;border-radius:22px;background:#fffdf9;box-shadow:0 30px 90px #15271f66;overflow:auto}
  .tag-filter-popover header{position:sticky;top:-13px;z-index:1;margin:-13px -13px 7px;padding:14px 15px;border-bottom:1px solid #e3e7e3;background:#fffdf9}
  .tag-filter-popover header b{font-size:17px}
  .tag-filter-popover header button{font-size:12px}
  .tag-filter-popover [data-filter-close]{width:38px;height:38px;font-size:24px}
  .tag-filter-popover label{grid-template-columns:24px 16px 1fr 28px;min-height:52px;padding:10px 8px;border-bottom:1px solid #edf0ed;border-radius:10px;font-size:14px}
  .tag-filter-popover label input{width:20px;height:20px;accent-color:#31584a}
  .tag-filter-popover label i{width:14px;height:14px}
  .tag-filter-popover label small{font-size:12px}
}
@media(max-width:760px){.tools{top:calc(58px + env(safe-area-inset-top));margin-top:4px}.tools-filters>select,.tools-filters>#new-card,.tools-filters>.tag-filter{min-width:0}.tag-filter-popover{bottom:calc(78px + env(safe-area-inset-bottom))}}

/* Full-screen native task editor for phones and tablets. */
body:has(#card-dialog[open]){overflow:hidden}
@media(max-width:1100px){
  #card-dialog[open]{display:block;inset:0;width:100vw!important;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;background:#f4f6f3;overflow:hidden}
  #card-dialog::backdrop{background:#1b2b24a8;backdrop-filter:blur(10px)}
  #card-dialog .drawer{--drawer-gutter:clamp(16px,calc((100vw - 720px)/2),180px);width:100%;height:100dvh;max-height:none;margin:0;padding:0 var(--drawer-gutter) calc(28px + env(safe-area-inset-bottom));background:#f4f6f3;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  #card-dialog .drawer>small{display:none}
  #card-dialog .drawer h2{position:sticky;z-index:18;top:0;min-height:76px;margin:0 calc(-1 * var(--drawer-gutter)) 20px;padding:calc(18px + env(safe-area-inset-top)) max(68px,var(--drawer-gutter)) 16px;font-size:25px;line-height:1.35;background:#fffdf9ed;border-bottom:1px solid #d9e0da;box-shadow:0 8px 28px #22372c14;backdrop-filter:blur(18px)}
  #card-dialog .drawer>.close{position:fixed;z-index:140;top:calc(14px + env(safe-area-inset-top));left:14px;width:46px;height:46px;border:1px solid #d8dfda;border-radius:15px;background:#fff;color:#29483a;font-size:23px;box-shadow:0 5px 16px #1c302622}
  #card-dialog .ownership-badge{margin:0 0 20px;padding:13px 14px;border:1px solid #dce5df;border-radius:14px;background:#e9f0eb;font-size:12px}
  #card-dialog .form-grid{grid-template-columns:1fr;gap:0}
  #card-dialog .drawer label{gap:8px;margin-bottom:17px;font-size:14px}
  #card-dialog .drawer input:not([type="checkbox"]):not([type="file"]),#card-dialog .drawer select,#card-dialog .drawer textarea{min-height:56px;padding:14px 15px;border:1px solid #d3dcd5;border-radius:14px;background:#fff;font-size:15px;font-weight:400;box-shadow:0 3px 12px #263a3010}
  #card-dialog .drawer input:focus,#card-dialog .drawer select:focus,#card-dialog .drawer textarea:focus{border-color:#648372!important;box-shadow:0 0 0 4px #31584a16!important}
  #card-dialog .label-picker{margin:3px 0 18px}
  #card-dialog .label-selected{min-height:48px}
  #card-dialog .label-trigger{min-height:46px;border-radius:13px;font-size:13px}
  #card-dialog .upload{min-height:48px!important;align-items:center;border-radius:13px!important;background:#fff;font-size:13px!important}
  #card-dialog .file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:11px 0}
  #card-dialog .dialog-actions{position:static;z-index:auto;display:flex;margin:28px 0 0;padding:0 0 calc(4px + env(safe-area-inset-bottom));background:transparent;border:0;box-shadow:none;backdrop-filter:none}
  #card-dialog .dialog-actions button{flex:1;min-height:54px;border-radius:15px;font-size:16px}
  #card-dialog .comments{margin-top:22px;padding-top:20px}
  #card-dialog .comments h3{font-size:22px}
  #card-dialog .rich-editor-shell{border-radius:17px}
  #card-dialog .rich-editor{min-height:160px}
}
@media(max-width:480px){
  #card-dialog .drawer h2{min-height:70px;padding-top:calc(16px + env(safe-area-inset-top));font-size:22px}
  #card-dialog .drawer>.close{top:calc(12px + env(safe-area-inset-top));left:12px;width:44px;height:44px}
  #card-dialog .file-grid{grid-template-columns:1fr}
}

/* Native full-screen PWA sign-in experience. */
.login-form input{font-weight:400}
@media(max-width:1100px){
  html:has(.login-page){background:#29483a}
  .login-page{display:block;min-height:100dvh;padding:0;background:#fffdf9;overscroll-behavior:none}
  .login-shell{display:flex;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;border:0;border-radius:0;background:#fffdf9;box-shadow:none;overflow-x:hidden;overflow-y:visible}
  .login-art{order:1;flex:0 0 clamp(260px,36dvh,390px);min-height:0;padding:calc(24px + env(safe-area-inset-top)) clamp(22px,6vw,64px) 54px;border-radius:0 0 30px 30px;background:linear-gradient(#1d3328b8,#1d3328ed),url('/images/villa-hero.jpg') center/cover;box-shadow:0 18px 55px #17291f35}
  .login-art>b{width:52px;height:52px;border-radius:16px;font-size:17px}
  .login-art>div{max-width:680px}
  .login-art small{font-size:11px;letter-spacing:.2em}
  .login-art h1{margin:8px 0;font-size:clamp(30px,5vw,46px);line-height:1.3}
  .login-art p{max-width:620px;margin:0;font-size:15px;line-height:1.8}
  .login-form{position:relative;z-index:2;order:2;align-self:stretch;display:flex;justify-content:flex-start;width:100%;max-width:none;min-width:0;min-height:calc(64dvh + 28px);margin:-28px 0 0;padding:32px clamp(20px,6vw,54px) calc(28px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;background:#fffdf9;box-shadow:0 -12px 40px #16281f24;overflow-x:hidden}
  .login-form:before{content:"";width:44px;height:5px;margin:0 auto 22px;border-radius:6px;background:#d4dcd6}
  .login-form>.wordmark,.login-form>h2,.login-form>p,.login-form>.alert,.login-form>.success,.login-form>label,.login-form>button,.login-form>small,.login-form>.pwa-install{width:min(680px,100%);max-width:100%;min-width:0;margin-inline:auto!important}
  .wordmark{margin-bottom:24px;text-align:center;font-size:17px}
  .wordmark span{margin-top:3px;font-size:9px}
  .login-form h2{font-size:30px;text-align:center}
  .login-form>p{margin:7px 0 25px;font-size:14px;line-height:1.7;text-align:center}
  .login-form label{gap:9px;margin-bottom:19px;font-size:17px;line-height:1.4}
  .login-form input{display:block;width:100%;max-width:100%;min-width:0;min-height:64px;padding:14px 17px;border:1px solid #ccd6cf;border-radius:16px;background:#f5f8f5;color:#172b21;font-size:21px;font-weight:400;box-shadow:0 4px 14px #20352a0c}
  .login-form input:focus{background:#fff;border-color:#567665!important;box-shadow:0 0 0 4px #31584a18!important}
  .login-form>button{min-height:62px;border-radius:16px;font-size:18px;box-shadow:0 10px 24px #29483a28}
  .login-form>small{margin-top:16px;font-size:12px;line-height:1.7}
  .login-form>.pwa-install{min-height:52px;border-radius:14px!important;font-size:14px}
}
@media(max-width:480px){
  .login-art{flex-basis:250px;padding:calc(18px + env(safe-area-inset-top)) 20px 46px}
  .login-art h1{font-size:29px}
  .login-art p{font-size:13px}
  .login-form{width:100vw;max-width:100vw;margin:-24px 0 0;padding:25px 18px calc(24px + env(safe-area-inset-bottom));border-radius:25px 25px 0 0}
  .login-form:before{margin-bottom:18px}
  .wordmark{margin-bottom:20px}
  .login-form h2{font-size:27px}
  .login-form>p{font-size:13px;margin-bottom:22px}
}

/* Fluid horizontal bucket reordering. */
.board.lane-reordering{scroll-behavior:auto!important;scroll-snap-type:none!important;cursor:grabbing;user-select:none;overscroll-behavior-inline:contain}
.board.lane-reordering .lane{scroll-snap-align:none!important;transition:transform 260ms cubic-bezier(.2,.8,.2,1),box-shadow 180ms ease;will-change:transform}
.board.lane-reordering .lane-drag-handle{cursor:grabbing;background:#e4eee7;border-color:#8ca395;color:#29483a;box-shadow:0 0 0 4px #31584a15}
.lane-sortable-ghost{opacity:.16!important;border:2px dashed #789081!important;background:#dfe9e2!important;box-shadow:none!important}
.lane-sortable-chosen{transform:scale(.985);box-shadow:0 18px 44px #20352a2b!important}
.lane-sortable-drag{opacity:.98;box-shadow:0 24px 65px #182d2350!important}
.is-lane-dragging,.is-lane-dragging *{cursor:grabbing!important}
@media(max-width:760px){.board.lane-reordering{touch-action:none}.board.lane-reordering .lane{transition-duration:220ms}.lane-sortable-chosen{transform:scale(.975)}}

/* Collapsible native PWA command panel. */
.mobile-tools-toggle{display:none}
@media(max-width:1100px){
  .appbar{gap:9px}
  .mobile-tools-toggle{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;margin-inline-start:auto;border:1px solid #ccd7d0;border-radius:14px;background:#fffdf9;color:#29483a;box-shadow:0 5px 16px #1d32271a;cursor:pointer}
  .mobile-tools-toggle span{font-size:25px;line-height:1;transition:transform .2s}
  .mobile-tools-toggle[aria-expanded="true"]{border-color:#557565;background:#29483a;color:#fff;box-shadow:0 8px 22px #29483a2b}
  .mobile-tools-toggle[aria-expanded="true"] span{transform:rotate(90deg)}
  .tools{max-height:0;margin:0;padding:0 10px;opacity:0;transform:translateY(-8px);border-color:transparent;background:#fffdf9ed;box-shadow:none;overflow:hidden;pointer-events:none;transition:max-height .28s cubic-bezier(.2,.8,.2,1),margin .22s,padding .22s,opacity .18s,transform .22s,border-color .22s,box-shadow .22s}
  .tools.is-open{max-height:360px;margin:8px 0 12px;padding:10px;opacity:1;transform:translateY(0);border-color:#d5ddd7;box-shadow:0 12px 34px #23382d1f;overflow:visible;pointer-events:auto}
  .tools:not(.is-open) .tag-filter-popover{display:none!important}
}
@media(max-width:760px){.mobile-tools-toggle{flex-basis:44px;width:44px;height:44px}.tools.is-open{margin-top:4px}}

/* Keep the admin user center reachable inside the compact PWA header. */
@media(max-width:760px){
  .account{gap:4px;margin-inline-start:0}
  .account>span{display:none!important}
  .account>a{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;border-radius:12px;font-size:11px;font-weight:800;white-space:nowrap}
  .account form button{min-height:44px;padding:8px 10px;border-radius:12px;font-size:11px}
}
@media(max-width:480px){.brand>span{display:none}.appbar{gap:6px}.mobile-tools-toggle{margin-inline-start:auto}}
@media(max-width:760px){.account .site-group{display:none}.bottom-nav{grid-template-columns:repeat(4,1fr)}.group-dialog{width:100%;max-height:none;margin:auto 0 0;border-radius:24px 24px 0 0}.group-dialog>section{padding:20px 14px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.group-dialog>section>div{grid-template-columns:1fr 1fr}.board[data-group-by]:not([data-group-by="stream"]) .card{cursor:pointer}}

/* Finalized villa facade artwork shared by the board and sign-in experience. */
.overview{
  background:
    linear-gradient(270deg,#1d342bec 0%,#1d342bc2 48%,#1d342b78 100%),
    url('/images/villa-facade-hero-v2.png') center 54%/cover;
}
.login-art{
  background:
    linear-gradient(#1d33289c,#1d3328e8),
    url('/images/villa-facade-hero-v2.png') center 55%/cover;
}
@media(max-width:1100px){
  .login-art{
    background:
      linear-gradient(#1d332898,#1d3328e8),
      url('/images/villa-facade-hero-v2.png') center 54%/cover;
  }
}