@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap');
#yaboard-native{color-scheme:dark;--yn-bg:#34495e;--yn-card:#2c3e50;--yn-header:#2b3d50;--yn-hover:#3b5269;--yn-ink:#f3f6fa;--yn-dim:#b8c8d8;--yn-muted:#8fa5b9;--yn-line:#496075;--yn-blue:#65b4e8;--yn-bluefill:#317fb4;--yn-green:#86c951;--yn-purple:#ad7cce;--yn-red:#ea766b;--yn-label:#3b5369;--yn-radius:7px;font:14px/1.5 Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--yn-ink);background:var(--yn-bg);border-radius:12px;overflow:clip;position:relative;min-height:900px}
#yaboard-native *{box-sizing:border-box}
#yaboard-native [hidden]{display:none!important}
#yaboard-native button,#yaboard-native select,#yaboard-native input,#yaboard-native textarea{font:inherit;color:inherit}
#yaboard-native button{border:0;background:transparent;cursor:inherit}
#yaboard-native button,#yaboard-native summary,#yaboard-native select{touch-action:manipulation}
#yaboard-native a{color:var(--yn-blue);text-decoration:none}
#yaboard-native a:hover{text-decoration:underline}
#yaboard-native h1,#yaboard-native h2,#yaboard-native h3,#yaboard-native p{margin:0}
#yaboard-native .yn-header{display:flex;align-items:center;gap:28px;padding:13px 21px;background:var(--yn-header);border-bottom:1px solid var(--yn-line);min-height:76px}
#yaboard-native .yn-brand{display:flex;align-items:center;gap:10px;min-width:175px;font-size:20px;letter-spacing:-.5px}
#yaboard-native .yn-brand strong{font-weight:700}
#yaboard-native .yn-mark{display:grid;place-items:center;background:#fff;width:45px;height:45px;border-radius:5px;box-shadow:0 3px 10px #1723303d;flex-shrink:0}
#yaboard-native .yn-mark img{display:block;width:36px;height:36px}
#yaboard-native .yn-resources{display:flex;align-items:center;gap:22px;white-space:nowrap;font-size:13px}
#yaboard-native .yn-resources button{padding:4px 0;color:var(--yn-blue)}
#yaboard-native .yn-headeractions{display:flex;align-items:center;gap:10px;margin-left:auto}
#yaboard-native .yn-add{background:var(--yn-bluefill);color:#fff;border:1px solid #5394bd;border-radius:5px;padding:9px 12px;font-size:13px;white-space:nowrap;box-shadow:0 3px 13px #10213133}
#yaboard-native .yn-add span{font-size:19px;line-height:10px;vertical-align:-1px;margin-right:6px}
#yaboard-native .yn-login{background:#b23d35;border:1px solid #d15f54;border-radius:5px;padding:9px 12px;font-size:12px;white-space:nowrap;color:#fff}
#yaboard-native .yn-login b{font-weight:600}
#yaboard-native .yn-iconbutton{display:grid;place-items:center;width:34px;height:34px;border-radius:5px;color:var(--yn-dim)}
#yaboard-native .yn-iconbutton:hover{background:var(--yn-hover)}
#yaboard-native .yn-layout{display:grid;grid-template-columns:232px minmax(0,1fr)}
#yaboard-native .yn-information{padding:24px 19px 26px;background:#314559;border-right:1px solid var(--yn-line)}
#yaboard-native .yn-asidehead{display:flex;justify-content:space-between;align-items:center;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:1.2px;color:var(--yn-dim);margin-bottom:20px}
#yaboard-native .yn-asidehead svg{width:15px;height:15px;color:var(--yn-muted)}
#yaboard-native .yn-welcome h2{font-size:18px;font-weight:600;margin-bottom:9px}
#yaboard-native .yn-welcome p{font-size:12px;line-height:1.65;color:var(--yn-dim)}
#yaboard-native .yn-ruleslist{margin-top:18px}
#yaboard-native .yn-ruleslist details{border-top:1px solid var(--yn-line);padding:13px 0}
#yaboard-native summary{display:flex;align-items:start;gap:8px;list-style:none;font-size:12px;line-height:1.5}
#yaboard-native summary::-webkit-details-marker{display:none}
#yaboard-native summary strong{font-weight:500;flex:1}
#yaboard-native summary svg{width:12px;height:12px;margin-top:4px;flex-shrink:0;color:var(--yn-muted)}
#yaboard-native details[open] summary svg{transform:rotate(180deg)}
#yaboard-native .yn-number{font-size:11px;display:grid;place-items:center;min-width:18px;height:19px;background:#425b71;border-radius:4px;font-variant-numeric:tabular-nums;color:var(--yn-dim);margin-top:1px}
#yaboard-native .yn-ruleslist details p{font-size:12px;color:var(--yn-dim);margin:10px 0 0 26px;line-height:1.65}
#yaboard-native .yn-boards{display:flex;flex-direction:column;gap:3px;margin-top:11px;font-size:11px}
#yaboard-native .yn-boards a{padding:7px 9px;border-radius:4px;display:flex;gap:5px;align-items:center;justify-content:space-between;line-height:1.4}
#yaboard-native .yn-boards a span{font-size:10px;color:var(--yn-dim)}
#yaboard-native .yn-boards .yn-boardselected{background:#3b536a;color:#d7edff}
#yaboard-native .yn-boards svg{width:12px;height:12px;flex-shrink:0}
#yaboard-native .yn-allrules{color:var(--yn-blue);font-size:12px;display:flex;align-items:center;gap:6px;padding:8px 0}
#yaboard-native .yn-allrules svg{width:13px;height:13px}
#yaboard-native .yn-asidefooter{border-top:1px solid var(--yn-line);padding-top:18px;margin-top:14px;font-size:11px;line-height:1.6}
#yaboard-native .yn-asidefooter svg{display:inline;width:12px;height:12px;vertical-align:-2px}
#yaboard-native .yn-asidefooter p{margin-top:17px;color:var(--yn-dim)}
#yaboard-native .yn-main{padding:25px 22px 28px;min-width:0}
#yaboard-native .yn-boardheading{display:flex;justify-content:space-between;align-items:center;gap:20px}
#yaboard-native .yn-path{font-size:11px;color:var(--yn-dim);margin-bottom:8px}
#yaboard-native .yn-path span{color:var(--yn-muted);padding:0 6px}
#yaboard-native h1{font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.3px}
#yaboard-native .yn-mobilebreak{display:none}
#yaboard-native .yn-boardpicker select{max-width:157px;font-size:11px;color:var(--yn-dim);padding:8px 4px;background:var(--yn-card);border:1px solid var(--yn-line);border-radius:5px}
#yaboard-native .yn-toolbar{display:flex;align-items:center;gap:13px;margin:24px 0}
#yaboard-native .yn-search{min-width:0;flex:1;display:flex;align-items:center;gap:9px;padding:9px 11px;background:var(--yn-card);border:1px solid var(--yn-line);border-radius:5px;color:var(--yn-muted)}
#yaboard-native .yn-search input{min-width:0;width:100%;border:0;background:transparent;font-size:12px;outline-offset:4px}
#yaboard-native .yn-search input::placeholder{color:var(--yn-dim)}
#yaboard-native .yn-search svg{width:16px;height:16px;flex-shrink:0}
#yaboard-native .yn-sort{display:flex;align-items:center;gap:4px;color:var(--yn-dim)}
#yaboard-native .yn-sort select{font-size:11px;background:transparent;border:0;max-width:142px;padding:9px 0}
#yaboard-native .yn-sort svg{width:14px;height:14px}
#yaboard-native .yn-mobileinfo,#yaboard-native .yn-mobiletabs{display:none}
#yaboard-native .yn-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
#yaboard-native .yn-column{min-width:0}
#yaboard-native .yn-colheading{display:flex;justify-content:space-between;align-items:start;gap:6px;min-height:43px}
#yaboard-native .yn-colheading h2{position:relative;font-size:13px;line-height:1.45;font-weight:500;padding-left:13px}
#yaboard-native .yn-dot{position:absolute;left:0;top:6px;width:6px;height:6px;border-radius:50%}
#yaboard-native .yn-green{background:var(--yn-green)}#yaboard-native .yn-purple{background:var(--yn-purple)}#yaboard-native .yn-red{background:var(--yn-red)}
#yaboard-native .yn-colheading>svg{width:14px;height:14px;color:var(--yn-muted);margin-top:3px}
#yaboard-native .yn-archive{font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:var(--yn-dim);background:#41576c;padding:3px 5px;border-radius:3px;margin-top:1px}
#yaboard-native .yn-coldescription{font-size:10px;color:var(--yn-dim);padding-left:13px;margin:0 0 12px}
#yaboard-native .yn-task{padding:var(--yn-pad,13px) 12px 11px;background:var(--yn-card);border:1px solid #3d5367;border-left:3px solid var(--yn-green);border-radius:var(--yn-radius);box-shadow:0 3px 8px #1c30421a;margin-bottom:10px;transition:background .12s}
#yaboard-native [data-column="bugs"] .yn-task{border-left-color:var(--yn-purple)}#yaboard-native [data-column="speech"] .yn-task{border-left-color:var(--yn-red)}
#yaboard-native .yn-task:hover{background:#30455a;border-top-color:#63809a;border-right-color:#63809a;border-bottom-color:#63809a}
#yaboard-native .yn-title{display:block;text-align:left;width:100%;padding:0;font-size:13px;font-weight:400;line-height:1.48;overflow-wrap:anywhere}
#yaboard-native .yn-taskmeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:13px}
#yaboard-native .yn-vote,#yaboard-native .yn-comment{display:inline-flex;align-items:center;gap:4px;background:var(--yn-label);padding:3px 6px;border-radius:4px;font-size:10px;color:var(--yn-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#yaboard-native .yn-vote{border:1px solid transparent}
#yaboard-native .yn-vote svg,#yaboard-native .yn-comment svg{width:11px;height:11px}
#yaboard-native .yn-vote[aria-pressed="true"]{background:#674456;color:#ffd6e5;border-color:#a16b86}
#yaboard-native .yn-vote[aria-pressed="true"] svg{fill:currentColor}
#yaboard-native .yn-tag{display:inline-block;margin-top:10px;font-size:9px;font-weight:500;padding:3px 5px;border-radius:3px;color:#cfebba;background:#365337}
#yaboard-native .yn-tag.partial{color:#c8effa;background:#28556a}
#yaboard-native .yn-tag.archived{color:var(--yn-dim);background:var(--yn-label)}
#yaboard-native .yn-results{font-size:12px;color:var(--yn-dim);margin-top:18px;min-height:18px}
#yaboard-native .yn-status{font-size:12px;color:var(--yn-blue);padding:0 22px 12px;min-height:12px}
#yaboard-native .yn-visuallyhidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#yaboard-native .yn-dialog{width:min(640px,calc(100% - 24px));max-height:86%;border:1px solid #5b748a;border-radius:9px;padding:25px;background:var(--yn-card);color:var(--yn-ink);box-shadow:0 25px 80px #10203080}
#yaboard-native .yn-dialog::backdrop{background:#111f30b0}
#yaboard-native .yn-dialogtop{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}
#yaboard-native .yn-dialogtop h2{font-size:21px;font-weight:500;line-height:1.4}
#yaboard-native .yn-dialogtop button{flex-shrink:0}
#yaboard-native .yn-dialogcontent{font-size:14px;line-height:1.7;color:var(--yn-dim)}
#yaboard-native .yn-dialogcontent p{margin:12px 0}
#yaboard-native .yn-dialogcontent h3{font-size:17px;color:var(--yn-ink)}
#yaboard-native .yn-dialogcontent strong{color:var(--yn-ink);font-weight:500}
#yaboard-native .yn-dialogcontent ul{padding-left:23px}
#yaboard-native .yn-dialogcontent li{margin:5px 0}
#yaboard-native .yn-dialogcontent hr{border:0;border-top:1px solid var(--yn-line);margin:22px 0}
#yaboard-native .yn-dialogcontent label{display:block;font-size:12px}
#yaboard-native .yn-dialogcontent input,#yaboard-native .yn-dialogcontent textarea{width:100%;padding:10px;background:var(--yn-bg);border:1px solid var(--yn-line);border-radius:5px;margin:6px 0 14px;resize:vertical}
#yaboard-native .yn-dialogcontent .yn-add{margin-top:14px}
@media(min-width:1200px){#yaboard-native .yn-layout{grid-template-columns:250px minmax(0,1fr)}#yaboard-native .yn-main{padding:27px}#yaboard-native .yn-columns{gap:18px}#yaboard-native .yn-title{font-size:14px}}
@media(max-width:900px){#yaboard-native .yn-header{gap:18px;padding:13px 17px}#yaboard-native .yn-brand{min-width:165px}#yaboard-native .yn-resources{gap:13px;font-size:12px}#yaboard-native .yn-headeractions{gap:7px}#yaboard-native .yn-headeractions>.yn-iconbutton{display:none}#yaboard-native .yn-add{font-size:12px;padding:9px}#yaboard-native .yn-login{font-size:11px;padding:9px}#yaboard-native .yn-layout{grid-template-columns:207px minmax(0,1fr)}#yaboard-native .yn-information{padding:23px 15px}#yaboard-native .yn-main{padding:24px 17px}#yaboard-native h1{font-size:20px}#yaboard-native .yn-boardpicker{display:none}#yaboard-native .yn-columns{grid-template-columns:repeat(2,minmax(0,1fr))}#yaboard-native [data-column="speech"]{grid-column:1/-1;margin-top:12px}#yaboard-native [data-column="speech"] .yn-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#yaboard-native .yn-sort svg{display:none}}
@media(max-width:620px){#yaboard-native{border-radius:9px;min-height:1000px}#yaboard-native .yn-header{padding:13px 15px;flex-wrap:wrap;gap:13px}#yaboard-native .yn-brand{min-width:0;font-size:19px;margin-right:auto}#yaboard-native .yn-resources{order:3;width:100%;padding:10px 0 0;border-top:1px solid var(--yn-line);gap:22px}#yaboard-native .yn-headeractions{display:contents}#yaboard-native .yn-add{order:4;margin-left:auto;font-size:11px;padding:7px 10px;margin-top:-42px}#yaboard-native .yn-add span{margin-right:3px}#yaboard-native .yn-login{margin-left:0;font-size:10px;padding:8px}#yaboard-native .yn-resources button{font-size:11px}#yaboard-native .yn-layout{display:block}#yaboard-native .yn-information{display:none}#yaboard-native .yn-main{padding:21px 15px}#yaboard-native h1{font-size:21px}#yaboard-native .yn-mobilebreak{display:block}#yaboard-native .yn-path{font-size:10px}#yaboard-native .yn-toolbar{flex-wrap:wrap;gap:9px;margin:19px 0}#yaboard-native .yn-search{flex-basis:100%}#yaboard-native .yn-search input{font-size:16px}#yaboard-native .yn-mobileinfo{display:inline-flex;align-items:center;gap:5px;margin-left:auto;font-size:12px;color:var(--yn-blue);padding:6px}#yaboard-native .yn-mobileinfo svg{width:14px;height:14px}#yaboard-native .yn-sort select{font-size:12px}#yaboard-native .yn-mobiletabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--yn-line);margin-bottom:19px}#yaboard-native .yn-mobiletabs button{font-size:11px;padding:8px 8px 11px;color:var(--yn-dim);border-bottom:2px solid transparent}#yaboard-native .yn-mobiletabs button[aria-pressed="true"]{border-color:var(--yn-blue);color:var(--yn-ink)}#yaboard-native .yn-columns{display:block}#yaboard-native .yn-column{display:none}#yaboard-native .yn-column.yn-current{display:block}#yaboard-native .yn-column[data-column="speech"] .yn-items{display:block}#yaboard-native .yn-colheading{min-height:0;margin-bottom:3px}#yaboard-native .yn-colheading h2{font-size:14px}#yaboard-native .yn-colheading br{display:none}#yaboard-native .yn-coldescription{font-size:11px;margin-top:5px;margin-bottom:15px}#yaboard-native .yn-title{font-size:15px}#yaboard-native .yn-task{padding:15px 14px 13px}#yaboard-native .yn-taskmeta{margin-top:14px}#yaboard-native .yn-vote,#yaboard-native .yn-comment{font-size:11px}#yaboard-native .yn-tag{font-size:10px}#yaboard-native .yn-dialog{padding:20px}#yaboard-native .yn-dialogcontent input,#yaboard-native .yn-dialogcontent textarea{font-size:16px}}
@media(max-width:365px){#yaboard-native .yn-resources{gap:13px}#yaboard-native .yn-resources a{font-size:11px}#yaboard-native .yn-add{font-size:10px;padding:7px}#yaboard-native .yn-add span{font-size:15px}}
@media(pointer:coarse){#yaboard-native .yn-title,#yaboard-native .yn-vote,#yaboard-native .yn-mobiletabs button,#yaboard-native .yn-mobileinfo,#yaboard-native .yn-iconbutton{min-height:44px}#yaboard-native .yn-vote{min-width:50px}}
@media(prefers-reduced-motion:reduce){#yaboard-native .yn-task{transition:none}}

/* Production integration only; the design above is copied from the approved mockup. */
:root{--text-color:#f3f6fa;--main-preferrer-color:#2c3e50;--main-inverse-preferrer-color:#fff;--main-h-color:#34495e;--task-background:#2c3e50;--column-background:#34495e;--logo-color:#fff;--main-btn-bg:#2c3e50;--main-btn-color:#fff;--main-gray-bg:#34495e;color-scheme:dark}
html,body{height:auto;min-height:100%;width:100%;margin:0;padding:0}body{overflow:auto;background:#34495e}#root{height:auto;min-height:100vh;margin:0;padding:0}
#yaboard-native{border-radius:0;min-height:100vh;width:100%;isolation:isolate;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
#yaboard-native .yn-layout.yn-layout-full{grid-template-columns:minmax(0,1fr)}
#yaboard-native .yn-columns[data-other-board=true]{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}
#yaboard-native .yn-mobile-column-picker{display:none}
#yaboard-native .yn-brand{color:inherit;text-decoration:none}
#yaboard-native .yn-add,#yaboard-native .yn-login{display:inline-block;text-decoration:none}
#yaboard-native >.mainHeader{display:contents!important;height:0!important;position:static!important;background:none!important}
#yaboard-native >.mainHeader >.container,#yaboard-native >.mainHeader >.animWall{display:none!important}
#yaboard-native .menuFlat:not(.active){display:none!important}
#yaboard-native .yn-search-submit{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--yn-muted);flex-shrink:0}
#yaboard-native .yn-search-submit svg{width:16px;height:16px}
#yaboard-native .yn-ruleslist .yn-rule-body p{margin-left:26px}
#yaboard-native .yn-ruleslist .yn-rule-body ul{padding-left:26px;color:var(--yn-dim);font-size:12px}
#yaboard-native .yn-ruleslist .yn-rule-body hr{border:0;border-top:1px solid var(--yn-line);margin:16px 0}
#yaboard-native .yn-rule-body strong{font-weight:500}
#yaboard-native .yn-task{min-width:0;border-left-color:var(--yn-column-color,var(--yn-green))}
#yaboard-native .yn-tag{margin-right:5px}
#yaboard-native .yn-vote{min-height:24px}
#yaboard-native .yn-custom-tag{color:#fff;background:color-mix(in srgb,var(--yn-term-color,#526477) 35%,#2c3e50)}
#yaboard-native .yn-skeleton{padding:16px 13px;color:var(--yn-dim);font-size:12px;background:var(--yn-card);border-radius:7px;min-height:96px}
#yaboard-native .yn-skeleton:after{content:'';display:block;margin-top:18px;max-width:70%;height:9px;background:var(--yn-label);border-radius:3px}
#yaboard-native .yn-loadmore{display:block;width:100%;padding:12px;border:1px dashed var(--yn-line);border-radius:7px;font-size:12px;color:var(--yn-dim);margin:0 0 10px;text-align:center;background:transparent}
#yaboard-native .yn-loadmore:hover{background:var(--yn-card)}
#yaboard-native .yn-error{padding:12px;border-radius:7px;background:#533a32;color:#ffdac4;font-size:13px;margin-bottom:16px}
#yaboard-native .yn-error button{margin-left:12px;color:var(--yn-blue)}
#yaboard-native .yn-dragging{box-shadow:0 10px 30px #10203070}
#yaboard-native .yn-drag-handle{position:absolute;left:-10px;top:14px;color:var(--yn-dim);background:var(--yn-card);padding:0 2px;border-radius:3px;cursor:grab}
#yaboard-native .yn-column{position:relative}
#yaboard-native .yn-column-header{background:transparent;border:0;border-radius:0;padding:0 0 12px;margin-bottom:12px;min-height:66px;display:flex;flex-direction:column;justify-content:start}
#yaboard-native .yn-column-header .yn-colheading{min-height:0;margin:0;align-items:start}
#yaboard-native .yn-column-header .yn-colheading{justify-content:start;gap:9px;align-items:baseline}
#yaboard-native .yn-column-header h2{padding-left:14px;font-size:16px;line-height:1.4;font-weight:600;letter-spacing:-.2px;min-width:0}
#yaboard-native .yn-column-header .yn-dot{display:block;position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--yn-column-color,var(--yn-green))}
#yaboard-native .yn-column-header .yn-coldescription{padding-left:14px;margin:6px 0 0;font-size:11px;line-height:1.5}
#yaboard-native .yn-column-count{font-size:12px;line-height:1.4;color:var(--yn-muted);font-weight:400;white-space:nowrap;font-variant-numeric:tabular-nums}
#yaboard-native .yn-column-header .yn-archive{background:transparent;color:var(--yn-dim);padding:2px 0 2px 5px}
#yaboard-native .yn-column-tools{position:absolute;right:0;top:32px;z-index:12}
#yaboard-native .yn-column-tools>summary{display:block;min-width:20px;text-align:right;color:var(--yn-dim);font-size:20px;line-height:1;cursor:pointer}
#yaboard-native .yn-column-tools .more{display:flex;background:var(--yn-card);padding:8px;gap:4px;border:1px solid var(--yn-line);border-radius:6px;position:absolute;right:0;top:20px;box-shadow:0 8px 18px #14263866;white-space:nowrap}
#yaboard-native .yn-dialogcontent ul{padding-left:23px}
#yaboard-native .yn-dialog-boards{display:flex;flex-direction:column;gap:10px;margin-top:22px}
#yaboard-native .yn-boards a span{white-space:nowrap}
#yaboard-native .yn-mobiletabs button[aria-pressed=true]{border-color:var(--yn-blue);color:var(--yn-ink)}
#yaboard-native .yn-items{min-width:0}
#yaboard-native .yn-title:focus-visible,#yaboard-native button:focus-visible,#yaboard-native a:focus-visible,#yaboard-native summary:focus-visible{outline:2px solid var(--yn-blue);outline-offset:3px}
#yaboard-native .yn-title,#yaboard-native button,#yaboard-native select,#yaboard-native summary{cursor:pointer}
#yaboard-native .yn-header{position:relative;z-index:15}
@media(max-width:620px){
 #yaboard-native .yn-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 10px}
 #yaboard-native .yn-header .yn-brand{grid-column:1;grid-row:1;margin:0}
 #yaboard-native .yn-header .yn-login{grid-column:2;grid-row:1;margin:0;justify-self:end}
 #yaboard-native .yn-header .yn-add{grid-column:2;grid-row:2;margin:0!important;align-self:center;font-size:10px;padding:8px!important}
 #yaboard-native .yn-header .yn-resources{grid-column:1;grid-row:2;width:auto;padding:0;border:0;gap:10px;flex-wrap:wrap;justify-content:start}
 #yaboard-native .yn-header .yn-resources button,#yaboard-native .yn-header .yn-resources a{font-size:11px}
 #yaboard-native .yn-column{display:none}
 #yaboard-native .yn-column.yn-current{display:block}
 #yaboard-native .yn-mobiletabs button{flex:0 1 auto;min-width:0}
 #yaboard-native .yn-header .yn-resources{flex-wrap:nowrap}
 #yaboard-native .yn-column-tools{top:22px}
 #yaboard-native .yn-column-header{min-height:60px;padding:0 0 10px;margin-bottom:12px}
 #yaboard-native .yn-mobile-column-picker{display:block;margin:0 0 20px;font-size:12px;color:var(--yn-dim)}
 #yaboard-native .yn-mobile-column-picker>span{display:block;margin-bottom:6px}
 #yaboard-native .yn-mobile-column-picker select{width:100%;max-width:100%;min-width:0;padding:10px;background:var(--yn-card);color:var(--yn-ink);border:1px solid var(--yn-line);border-radius:5px;font-size:16px}
}
@media(prefers-reduced-motion:reduce){#yaboard-native .yn-task{transition:none}}
/* Horizontal board, with one independent vertical scroller per column. */
#yaboard-native{height:100dvh;min-height:0!important;display:flex;flex-direction:column;overflow:hidden;--yn-column-width:clamp(240px,22vw,280px)}
#yaboard-native>.yn-header{flex:0 0 auto}
#yaboard-native>.yn-layout{flex:1;min-height:0!important;overflow:hidden}
#yaboard-native>.boardView{display:flex;flex:1;min-height:0;height:auto!important;width:100%;padding:0!important;margin:0;position:relative;overflow:hidden}
#yaboard-native>.boardView:before,#yaboard-native>.boardView:after{display:none!important}
#yaboard-native>.boardView>.yn-layout{flex:1;min-height:0!important;overflow:hidden;grid-template-rows:minmax(0,1fr)}
#yaboard-native .yn-information{min-height:0;overflow-y:auto;overscroll-behavior:contain}
#yaboard-native .yn-main{height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#yaboard-native .yn-boardheading,#yaboard-native .yn-toolbar,#yaboard-native .yn-error{flex-shrink:0}
#yaboard-native .yn-columns,#yaboard-native .yn-columns[data-other-board=true]{display:flex!important;flex:1;min-height:0;gap:14px;align-items:stretch;overflow-x:auto;overflow-y:hidden;padding:0 0 10px;overscroll-behavior-x:contain}
#yaboard-native .yn-column,#yaboard-native .yn-column.yn-current{display:flex!important;flex-direction:column;flex:0 0 var(--yn-column-width);width:var(--yn-column-width);min-width:0;min-height:0}
#yaboard-native .yn-column-header{flex:0 0 auto}
#yaboard-native .yn-items{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0 4px 0 0;overscroll-behavior-y:contain}
#yaboard-native .yn-mobiletabs,#yaboard-native .yn-mobile-column-picker{display:none!important}
#yaboard-native .yn-columns,#yaboard-native .yn-items,#yaboard-native .yn-information{scrollbar-width:thin;scrollbar-color:#70899f #2f4356}
@media(max-width:620px){#yaboard-native{--yn-column-width:calc(100vw - 44px)}#yaboard-native .yn-main{padding-bottom:15px}#yaboard-native .yn-columns{gap:14px}}
#yaboard-native .yn-mobile-add,#yaboard-native .yn-mobile-menu,#yaboard-native .yn-login-mobile,#yaboard-native .yn-scroll-hint{display:none}
#yaboard-native .yn-login{max-width:190px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){
 #yaboard-native{--yn-column-width:calc(100vw - 64px)}
 #yaboard-native .yn-header{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;min-height:56px;padding:8px 12px}
 #yaboard-native .yn-header .yn-brand{margin:0 auto 0 0;gap:8px;font-size:18px;min-width:0}
 #yaboard-native .yn-header .yn-mark{width:32px;height:32px;border-radius:4px}
 #yaboard-native .yn-header .yn-mark img{width:27px;height:27px}
 #yaboard-native .yn-header .yn-resources,#yaboard-native .yn-header .yn-add{display:none!important}
 #yaboard-native .yn-login-desktop{display:none}
 #yaboard-native .yn-login-mobile{display:inline}
 #yaboard-native .yn-header .yn-login{max-width:80px;padding:8px 10px!important;height:34px;font-size:12px;flex-shrink:0}
 #yaboard-native .yn-mobile-add{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;background:var(--yn-bluefill);border:1px solid #5394bd;border-radius:5px;color:#fff;text-decoration:none;font-size:23px;line-height:1}
 #yaboard-native .yn-mobile-menu{display:block;position:relative;flex-shrink:0}
 #yaboard-native .yn-mobile-menu>summary{display:grid;place-items:center;width:34px;height:34px;font-size:24px;line-height:1;list-style:none;border:1px solid var(--yn-line);border-radius:5px;color:var(--yn-dim)}
 #yaboard-native .yn-mobile-menu>summary::-webkit-details-marker{display:none}
 #yaboard-native .yn-mobile-menu>div{position:absolute;top:41px;right:0;z-index:100;display:flex;flex-direction:column;gap:2px;min-width:176px;background:var(--yn-card);border:1px solid var(--yn-line);border-radius:8px;box-shadow:0 12px 30px #10203070;padding:6px}
 #yaboard-native .yn-mobile-menu a,#yaboard-native .yn-mobile-menu button{display:block;text-align:left;padding:10px;color:var(--yn-ink);font-size:14px;border-radius:4px}
 #yaboard-native .yn-main{padding:12px 12px 10px}
 #yaboard-native .yn-path{display:none}
 #yaboard-native .yn-boardheading{display:block;flex-shrink:0}
 #yaboard-native .yn-boardheading h1{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
 #yaboard-native .yn-boardpicker{display:block;width:100%}
 #yaboard-native .yn-boardpicker select{max-width:none;min-width:0;width:100%;height:40px;font-size:16px;padding:8px 10px}
 #yaboard-native .yn-toolbar{flex-wrap:nowrap;gap:8px;margin:8px 0 12px;flex-shrink:0}
 #yaboard-native .yn-search{flex:1;flex-basis:auto;height:40px}
 #yaboard-native .yn-search input{font-size:16px}
 #yaboard-native .yn-sort{position:relative;display:grid;place-items:center;flex:0 0 38px;width:38px;height:40px;border:1px solid var(--yn-line);border-radius:5px;background:var(--yn-card)}
 #yaboard-native .yn-sort svg{display:block!important;width:18px;height:18px}
 #yaboard-native .yn-sort select{position:absolute;inset:0;width:100%;max-width:none;height:100%;opacity:0;padding:0;font-size:16px}
 #yaboard-native .yn-mobileinfo{display:none}
 #yaboard-native .yn-scroll-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;color:var(--yn-muted);font-size:11px;padding:0 1px 9px}
 #yaboard-native .yn-scroll-hint>span:first-child{font-size:12px;color:var(--yn-dim);font-weight:500}
 #yaboard-native .yn-columns{gap:12px;scroll-snap-type:x proximity}
 #yaboard-native .yn-column{scroll-snap-align:start}
 #yaboard-native .yn-column-header{min-height:57px;padding-bottom:8px;margin-bottom:10px}
}
/* Handles live inside their own card/header, without overlapping title or colour dot. */
#yaboard-native .yn-task{position:relative}
#yaboard-native .yn-task-movable .yn-title{padding-right:24px}
#yaboard-native .yn-drag-handle,#yaboard-native .yn-column-drag{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;border:0;border-radius:4px;color:var(--yn-muted);background:transparent;cursor:grab;touch-action:none;user-select:none}
#yaboard-native .yn-drag-handle{position:absolute;left:auto;right:4px;top:7px}
#yaboard-native .yn-drag-handle:hover,#yaboard-native .yn-column-drag:hover{color:var(--yn-ink);background:#70899f24}
#yaboard-native .yn-drag-handle:active,#yaboard-native .yn-column-drag:active{cursor:grabbing}
#yaboard-native .yn-colheading{position:relative;padding-right:30px}
#yaboard-native .yn-column-movable .yn-colheading{padding-right:60px}
#yaboard-native .yn-column-header h2{min-width:0;overflow-wrap:anywhere}
#yaboard-native .yn-column-actions{position:absolute;right:0;top:-4px;display:flex;align-items:center;gap:2px}
#yaboard-native .yn-column-tools{position:static;z-index:auto}
#yaboard-native .yn-column-tools>summary{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:5px;list-style:none;line-height:1;color:var(--yn-muted);border-radius:4px}
#yaboard-native .yn-column-tools>summary::-webkit-details-marker{display:none}
#yaboard-native .yn-column-tools>summary:hover,#yaboard-native .yn-column-tools[open]>summary{color:var(--yn-ink);background:#70899f24}
#yaboard-native .yn-column:has(.yn-column-tools[open]){z-index:30}
#yaboard-native .yn-column-menu{position:absolute;right:0;top:32px;z-index:40;display:flex;flex-direction:column;gap:3px;width:210px;max-width:calc(100vw - 36px);padding:6px;border:1px solid var(--yn-line);border-radius:7px;background:var(--yn-card);box-shadow:0 8px 24px #14263866}
#yaboard-native .yn-column-menu>button,#yaboard-native .yn-column-menu>label{display:block;width:100%;padding:9px;text-align:left;font-size:12px;color:var(--yn-ink);border-radius:4px;background:transparent}
#yaboard-native .yn-column-menu>button:hover{background:#70899f24}
#yaboard-native .yn-column-menu>label{color:var(--yn-muted);font-size:11px}
#yaboard-native .yn-column-menu select{display:block;width:100%;padding:7px 5px;margin-top:5px;color:var(--yn-ink);background:var(--yn-bg);border:1px solid var(--yn-line);border-radius:4px;font-size:12px}
#yaboard-native .yn-column-menu>.yn-danger{color:#e5a5a5}
#yaboard-native .yn-add-column{align-self:flex-start;flex:0 0 175px;padding:12px;border:1px dashed var(--yn-line);border-radius:6px;background:transparent;color:var(--yn-dim);font-size:12px}
#yaboard-native .yn-drag-source{opacity:.35}
#yaboard-native .yn-drag-ghost{opacity:.92!important;box-shadow:0 12px 30px #10203080;contain:layout paint}
#yaboard-native .yn-column.yn-drag-ghost{background:var(--yn-bg);padding:10px;border:1px solid var(--yn-line);border-radius:6px}
#yaboard-native .yn-drag-active{scroll-snap-type:none!important;user-select:none}
#yaboard-native .yn-drop-target .yn-items{outline:2px dashed var(--yn-blue);outline-offset:-3px;background:#5da0ca12;border-radius:6px}
#yaboard-native .yn-drop-before:before,#yaboard-native .yn-drop-after:after{content:'';position:absolute;top:0;bottom:10px;width:3px;border-radius:3px;background:var(--yn-blue);z-index:35}
#yaboard-native .yn-drop-before:before{left:-7px}#yaboard-native .yn-drop-after:after{right:-7px}
@media(max-width:620px){#yaboard-native .yn-column-menu select{font-size:16px}#yaboard-native .yn-column-actions{top:-3px}}
#yaboard-native .yn-colheading:has(.yn-column-actions:empty){padding-right:0}
/* Account and settings have separate, compact menus. */
#yaboard-native .yn-header-popover{position:relative;flex-shrink:0}
#yaboard-native .yn-header-popover>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 11px;list-style:none;border:1px solid var(--yn-line);border-radius:6px;color:var(--yn-dim);font-size:12px;line-height:20px;user-select:none}
#yaboard-native .yn-header-popover>summary::-webkit-details-marker{display:none}
#yaboard-native .yn-header-popover>summary:hover,#yaboard-native .yn-header-popover[open]>summary{background:#70899f20;color:var(--yn-ink);border-color:#70899f}
#yaboard-native .yn-account>summary{padding:4px 9px 4px 5px}
#yaboard-native .yn-avatar{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#4e7089;color:#f2f6fa;font-size:12px;font-weight:600}
#yaboard-native .yn-account-name{max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#yaboard-native .yn-account>summary>svg{width:12px;height:12px}
#yaboard-native .yn-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:100;width:300px;max-height:calc(100dvh - 96px);overflow-y:auto;border:1px solid #526b81;border-radius:10px;padding:6px;background:#2b3d4e;box-shadow:0 16px 40px #15253380;text-align:left}
#yaboard-native .yn-account .yn-popover{width:230px}
#yaboard-native .yn-menu-heading{padding:10px 11px 13px;font-size:14px;font-weight:600;color:var(--yn-ink)}
#yaboard-native .yn-menu-heading>small{display:block;margin-top:4px;color:var(--yn-muted);font-size:11px;line-height:1.5;font-weight:400}
#yaboard-native .yn-menu-section{padding:7px 0;border-top:1px solid var(--yn-line)}
#yaboard-native .yn-menu-section>p{padding:4px 11px 7px;color:var(--yn-muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase;margin:0}
#yaboard-native .yn-menu-item{display:flex;width:100%;gap:11px;align-items:center;padding:10px 11px;border-radius:6px;text-align:left;color:var(--yn-dim);background:transparent}
#yaboard-native .yn-menu-item:hover{background:#70899f24;color:var(--yn-ink)}
#yaboard-native .yn-menu-icon{display:flex;align-items:center;justify-content:center;flex:0 0 19px;color:var(--yn-blue)}
#yaboard-native .yn-menu-icon svg{width:17px;height:17px}
#yaboard-native .yn-menu-item strong{display:block;font-size:12px;font-weight:500;line-height:1.5}
#yaboard-native .yn-menu-item small{display:block;margin-top:3px;color:var(--yn-muted);font-size:10px;font-weight:400;line-height:1.5}
#yaboard-native .yn-menu-danger,#yaboard-native .yn-menu-danger .yn-menu-icon{color:#e5a5a5}
#yaboard-native .mainHeader .menuFlat{display:none!important}
@media(max-width:900px) and (min-width:621px){#yaboard-native .yn-settings>summary>span{display:none}#yaboard-native .yn-account-name{max-width:75px}}
@media(max-width:620px){
 #yaboard-native .yn-header{gap:7px}
 #yaboard-native .yn-header-popover>summary{width:34px;height:34px;min-height:34px;padding:6px;gap:0}
 #yaboard-native .yn-settings>summary>span,#yaboard-native .yn-account-name,#yaboard-native .yn-account>summary>svg{display:none}
 #yaboard-native .yn-account>summary{border-color:transparent;padding:3px}
 #yaboard-native .yn-avatar{width:28px;height:28px;flex-basis:28px}
 #yaboard-native .yn-popover,#yaboard-native .yn-account .yn-popover{position:fixed;top:62px;right:12px;width:min(304px,calc(100vw - 24px));max-height:calc(100dvh - 76px)}
 #yaboard-native .yn-menu-item{padding:12px}
 #yaboard-native .yn-menu-item strong{font-size:14px}
 #yaboard-native .yn-menu-item small,#yaboard-native .yn-menu-heading>small{font-size:12px}
}
@media(min-width:621px) and (max-width:780px){
 #yaboard-native .yn-account-name,#yaboard-native .yn-account>summary>svg{display:none}
 #yaboard-native .yn-headeractions>.yn-add{font-size:0;width:36px;height:36px;padding:6px;text-align:center}
 #yaboard-native .yn-headeractions>.yn-add span{font-size:20px;margin:0;line-height:22px}
}