
/* YARNMATES_STASH_LAYOUT_V1 */
.ym-workspace-main { min-width:0; padding:24px 32px 80px; }
.ym-workspace-topbar { gap:16px; margin-bottom:24px; }
.ym-workspace-topbar .eyebrow { margin:0; flex:1; }
.ym-workspace-home { color:#54233a; font-weight:700; text-decoration:none; }
.ym-stash-content { max-width:1200px; margin:0 auto; color:#352d35; }
.ym-stash-content * { box-sizing:border-box; }
.ym-stash-content h1 { font-size:clamp(26px,3vw,36px); margin:0 0 8px; }
.ym-stash-content h2 { font-size:23px; margin:0 0 8px; }
.ym-stash-content p { color:#756774; line-height:1.6; }
.ym-stash-content .ym13-page-head {
    display:flex; align-items:center; justify-content:space-between;
    gap:20px; margin-bottom:24px;
}
.ym-stash-content button,
.ym-stash-content .ym13-btn {
    display:inline-flex; align-items:center; justify-content:center;
    gap:8px; min-height:42px; padding:10px 18px; border:1px solid #e6d8df;
    border-radius:12px; background:#fff; color:#54233a;
    font:inherit; font-weight:700; cursor:pointer; text-decoration:none;
}
.ym-stash-content button:hover { background:#f7edf2; }
.ym-stash-content .ym13-btn-primary,
.ym-stash-content button[type="submit"] {
    background:#54233a; color:#fff; border-color:#54233a;
}
.ym-stash-content .ym13-btn-primary:hover,
.ym-stash-content button[type="submit"]:hover { background:#70334f; }
.ym-stash-content .ym13-tabs {
    display:flex; flex-wrap:wrap; gap:8px; margin:0 0 22px;
}
.ym-stash-content .ym13-tabs .active {
    background:#54233a; color:#fff; border-color:#54233a;
}
.ym-stash-content input:not([type="radio"]):not([type="checkbox"]),
.ym-stash-content select,
.ym-stash-content textarea {
    width:100%; max-width:100%; min-height:44px; padding:11px 13px;
    border:1px solid #dfd1d9; border-radius:11px; background:#fff;
    color:#352d35; font:inherit; box-shadow:none;
}
.ym-stash-content textarea { min-height:110px; resize:vertical; }
.ym-stash-content input[type="color"] { padding:5px; height:46px; }
.ym-stash-content input[type="file"] { padding:9px; }
.ym-stash-content input[type="radio"],
.ym-stash-content input[type="checkbox"] {
    width:17px; height:17px; margin:0; padding:0; flex:none;
    accent-color:#54233a;
}
.ym-stash-content label:has(input[type="radio"]),
.ym-stash-content label:has(input[type="checkbox"]) {
    display:inline-flex; align-items:center; gap:8px;
    margin:8px 16px 8px 0; font-size:14px; font-weight:500;
}
.ym-stash-content :is(input,select,textarea,button,a):focus-visible {
    outline:3px solid #d8a1bc; outline-offset:3px;
}
.ym-stash-content form {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px; padding:24px; margin:18px 0 28px;
    background:#fff; border:1px solid #ecdee5; border-radius:18px;
}
.ym-stash-content form label {
    display:flex; flex-direction:column; gap:8px;
    font-size:14px; font-weight:700; min-width:0;
}
.ym-stash-content form label input,
.ym-stash-content form label textarea { font-weight:400; }
.ym-stash-content .ym13-form-wide { grid-column:1/-1; }
.ym-stash-content table {
    width:100%; border-collapse:separate; border-spacing:0;
    margin:18px 0 28px; background:#fff; border:1px solid #ecdee5;
    border-radius:16px; overflow:hidden; font-size:14px;
}
.ym-stash-content th {
    padding:14px 16px; text-align:left; background:#f7eff3;
    color:#654055; font-weight:700;
}
.ym-stash-content td { padding:16px; border-top:1px solid #f0e5eb; }
.ym-stash-content td[colspan] { padding:36px 24px; text-align:center; }
.ym-stash-content .ym13-block-small { display:block; margin-top:4px; }
.ym-stash-content .ym13-actions { display:flex; gap:10px; }
.ym-stash-content .ym13-actions a {
    color:#54233a; font-weight:700; text-decoration:none;
}
.ym-stash-content :is(.ym13-table-wrap,.ym13-table-wrapper) {
    max-width:100%; overflow-x:auto;
}
@media(max-width:900px) {
    .ym-workspace-main { padding:20px 20px 90px; }
    .ym-stash-content table { display:block; overflow-x:auto; }
}
@media(max-width:600px) {
    .ym-workspace-main { padding:16px 14px 100px; }
    .ym-stash-content .ym13-page-head { align-items:flex-start; flex-direction:column; }
    .ym-stash-content form { grid-template-columns:1fr; padding:18px; gap:16px; }
    .ym-stash-content .ym13-form-wide { grid-column:auto; }
    .ym-workspace-topbar { flex-wrap:wrap; }
}

/* YARNMATES_SIDEBAR_CLEANUP_V1 */
.sidebar { overflow-y:auto; }
.sidebar > .mimistitch-sidebar-logo {
    display:flex !important; align-items:center; justify-content:center;
    min-height:90px; padding:18px 16px; flex-shrink:0;
}
.sidebar > .mimistitch-sidebar-logo img {
    display:block !important; width:170px; max-width:100%;
    height:auto; object-fit:contain;
}

/* YARNMATES_INTERNAL_PAGES_V1 */
.ym-stash-content [hidden] { display:none !important; }
.ym-stash-content .ym13-btn { text-decoration:none; }
.ym-stash-content :is(.ym-tool-grid,.ym-studio-grid,.ym-pattern-grid) {
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px;
}
.ym-stash-content :is(.ym-pro-card,.ym-studio-card,.ym-page-hero) {
    display:block; padding:24px; margin-bottom:20px; background:#fff;
    border:1px solid #ecdee5; border-radius:18px; text-decoration:none;
    color:#352d35;
}
.ym-stash-content .ym-reference-list > div {
    display:flex; justify-content:space-between; gap:20px;
    padding:12px 0; border-bottom:1px solid #f0e5eb;
}
.ym-stash-content :is(.ym-hero-yarn,.ym-row-hero img) {
    max-width:130px; height:auto;
}
.ym-stash-content :is(.ym-pattern-view,.ym-pattern-editor) img {
    max-width:100%; height:auto; border-radius:14px;
}
.ym-stash-content :is(.ym-pattern-back,.ym-pattern-edit,.ym-button) {
    display:inline-flex; gap:8px; padding:10px 16px; margin:8px 0;
    border:1px solid #dfd1d9; border-radius:12px; color:#54233a;
    background:#fff; font-weight:700; text-decoration:none;
}
.ym-stash-content [data-counter-project] {
    display:flex; align-items:center; justify-content:center; gap:20px;
    padding:24px; border:1px solid #ecdee5; border-radius:16px; background:#fff;
}
.ym-stash-content [data-row-value] { font-size:42px; color:#54233a; }
.ym-stash-content .ym-inline-status { color:#9c244f; margin-top:10px; }
@media(max-width:700px) {
    .ym-stash-content :is(.ym-tool-grid,.ym-studio-grid,.ym-pattern-grid) {
        grid-template-columns:1fr;
    }
    .sidebar.ym-nav-open { transform:translateX(0) !important; }
}
