/* BUXY DIGITAL SYNTH LIVE v12 — client Dashboard integrated in the main app */
.v12-dashboard{padding-bottom:34px}
.v12-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;
 margin:4px 0 19px;padding:9px 15px;background:rgba(18,27,68,.75);
 border:1px solid rgba(175,194,255,.62);border-radius:999px;
 color:#c9e8ff;font-family:inherit;font-size:12px;line-height:1.4;font-weight:600;cursor:pointer}
.v12-head{padding:8px 5px 24px}
.v12-head h1{font-size:clamp(32px,8vw,48px);line-height:1.08;
 font-family:Georgia,serif;font-weight:500;letter-spacing:-.04em;margin:13px 0}
.v12-head h1 em{font-style:normal;background:linear-gradient(90deg,#94eeff,#a998ff,#d7a8ff);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.v12-head p{font-size:13px;line-height:1.7;color:#b9c6e6}
.v12-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:6px 0 17px}
.v12-summary>div{min-width:0;padding:17px 6px 15px;text-align:center;border-radius:19px;
 border:1px solid #a1b8ff87;background:linear-gradient(135deg,#1e346b,#261b56)}
.v12-summary>div:nth-child(2){background:linear-gradient(135deg,#1d4761,#1c2250)}
.v12-summary>div:nth-child(3){background:linear-gradient(135deg,#42235f,#171d4a)}
.v12-summary span{display:block;font-size:9px;letter-spacing:.07em;color:#b6ccf0;white-space:normal}
.v12-summary strong{display:block;margin:15px 0 5px;font-size:33px;font-weight:500;color:#f9fbff}
.v12-toolbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 25px}
.v12-toolbar button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:49px;
 padding:10px;border:1px solid rgba(164,191,251,.67);border-radius:15px;color:#eef5ff;
 font-size:12px;font-weight:680;background:linear-gradient(115deg,#243b80,#251c64)}
.v12-toolbar button:last-child{grid-column:1/-1;background:linear-gradient(105deg,#7742b6,#416ddd)}
.v12-projects{display:grid;gap:11px;margin-top:12px}
.v12-project{display:flex;flex-direction:column;width:100%;gap:13px;min-width:0;
 padding:15px;text-align:left;color:#e9efff;border:1px solid #a3aff48c;border-radius:21px;
 background:radial-gradient(ellipse at 90% 0%,#806bdb30,transparent 58%),
 linear-gradient(127deg,#1b2a5b,#201b50);box-shadow:inset 0 1px 0 #ffffff33,0 12px 29px #0004}
.v12-project-heading{display:flex;align-items:center;gap:10px;min-width:0}
.v12-project-symbol{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;
 border:1px solid #90d9f8b5;border-radius:13px;color:#9fe6ff;background:#17416b80}
.v12-project-heading>span:nth-child(2){flex:1;min-width:0}
.v12-project-heading strong{display:block;font-size:14px;line-height:1.3;overflow-wrap:anywhere}
.v12-project-heading small{display:block;margin-top:5px;color:#b2bfe0;font-size:11px}
.v12-status{flex:0 0 auto;border:1px solid #75dbde9e;border-radius:999px;padding:7px 9px;
 font-size:10px;color:#c9fffa}
.v12-excerpt{display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;
 overflow:hidden;color:#b8c9e6;line-height:1.55;font-size:12px;overflow-wrap:anywhere}
.v12-detail-link{display:flex;align-items:center;gap:5px;font-size:11px;color:#97deff;font-weight:700}
.v12-detail{font-size:13px;color:#e5ecff}
.v12-detail-intro{display:flex;flex-direction:column;gap:7px;border:1px solid #a8baf475;border-radius:17px;
 padding:15px;background:linear-gradient(120deg,#1c3166,#2d235d)}
.v12-detail-intro strong{font-size:19px;overflow-wrap:anywhere}
.v12-detail-intro small,.v12-reference{color:#a5bde9;font-size:11px;overflow-wrap:anywhere}
.v12-detail h3{font-size:15px;font-weight:700;margin:21px 0 9px}
.v12-description{padding:13px 14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;
 color:#d8e2ff;border:1px solid #ffffff26;background:#101b33;border-radius:13px}
.v12-reference{margin-top:8px}
.v12-section{margin-top:18px;padding-top:4px;border-top:1px solid #b6c6ff23}
.v12-section>div>p{margin:9px 0;color:#b5c5df;line-height:1.6}
.v12-file{display:flex;flex-direction:column;gap:3px;margin:9px 0;padding:11px;
 border:1px solid #718ab76d;border-radius:11px}
.v12-file a{display:inline-flex;align-items:center;gap:7px;color:#a3e7ff;
 overflow-wrap:anywhere;word-break:break-word}
.v12-file small{color:#b7bdd9}
.v12-upload{margin:15px 0;padding:12px;border:1px dashed #8da4d88c;border-radius:13px}
.v12-detail label{display:block;margin:13px 0 7px;font-size:12px;color:#bedcff}
.v12-detail textarea,.v12-detail input[type=file]{display:block;box-sizing:border-box;width:100%;
 border:1px solid #94a7d08a;border-radius:12px;padding:12px;font:inherit;
 background:#0f1b33;color:#f3f7ff}
.v12-detail textarea{min-height:98px;resize:vertical;line-height:1.5}
.v12-mini-button{margin-top:12px;padding:11px;border:1px solid #aac5ec95;border-radius:10px;
 color:#e6f7ff;background:#24457b;font-weight:700;min-height:43px}
.v12-comment{margin:11px 0;padding:12px;border:1px solid #9ab1e25c;border-radius:13px;background:#172448}
.v12-comment strong{font-size:12px}
.v12-comment small{margin-left:9px;color:#adb9d6}
.v12-comment p{margin-top:9px;color:#d5e0fa;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6}
.v12-section .v5-gradient-button{margin-top:13px;min-height:44px;width:100%}
.v12-approval{margin-top:16px;padding:14px;border:1px solid #7bc3ee7d;border-radius:13px;background:#172c46}
.v12-approval h4{margin:0 0 8px;font-size:14px}
.v12-approval p{line-height:1.6;color:#c4d3ef}
.v12-approval-buttons{display:grid;gap:8px;margin-top:12px}
.v12-approval-buttons button{min-height:44px;padding:10px;border-radius:11px;color:#e8fbff;
 border:1px solid #aad6f5a8;background:#205e6e}
.v12-approval-buttons button+button{background:#343063}
.v12-feedback{margin:14px 0;min-height:18px;line-height:1.6;overflow-wrap:anywhere}
.v12-project:focus-visible,.v12-back:focus-visible,.v12-toolbar button:focus-visible,
.v12-file a:focus-visible,.v12-section button:focus-visible{
 outline:3px solid #92e9ff;outline-offset:3px}
@media(max-width:375px){.v12-project-heading{flex-wrap:wrap}.v12-status{margin-left:52px}}