@font-face{font-family:MOBO;src:url('/fonts/MOBO-Regular.woff')}@font-face{font-family:MOBO;src:url('/fonts/MOBO-Bold.woff');font-weight:700}:root{--ink:#543639;--paper:#fff7f3;--line:#e5cbc7;--red:#af3938}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 MOBO,sans-serif}header,main{max-width:1120px;margin:auto;padding:22px}header{border-top:9px solid #b87972;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}a{color:inherit}h1{font-size:25px;margin:10px 0}h2{font-size:18px}button,textarea,select,input{font:inherit}button,a.button{cursor:pointer;border:1px solid #c39c9b;border-radius:14px;padding:5px 16px;line-height:1.5;background:#fff;color:var(--ink);text-decoration:none}button.primary{background:#8c595b;color:white;border:0}button:disabled{opacity:.5;cursor:wait}.muted{font-size:12px;color:#77565a}.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;margin:16px 0}.steps{display:flex;gap:8px;flex-wrap:wrap;padding:0;list-style:none}.steps li{background:#f5e1da;border-radius:20px;padding:5px 12px;font-size:12px}.steps .active{background:#8c595b;color:white}.chat-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px}.bubble{margin:14px 0;padding:15px 18px;max-width:90%;background:#fae8df;border-radius:18px 18px 18px 4px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.artist{margin-left:auto;background:#f5dce3;border-radius:18px 18px 4px 18px}.bubble small{display:block;font-size:11px;color:#77565a}.body{white-space:pre-wrap;overflow-wrap:anywhere}textarea,input{border:1px solid var(--line);border-radius:12px;padding:5px 12px;line-height:1.5;width:100%;background:#fff}textarea{min-height:120px;line-height:1.6;resize:vertical}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.error{color:var(--red);white-space:pre-wrap}.files{display:flex;gap:10px;flex-wrap:wrap}.file{border:1px solid var(--line);border-radius:12px;padding:10px;max-width:190px;overflow-wrap:anywhere;font-size:12px}.file img{display:block;max-width:150px;max-height:130px;margin-bottom:8px}.empty{text-align:center;padding:40px 15px;color:#77565a}.list{display:grid;gap:14px}.order-card{display:block;background:white;border:1px solid var(--line);border-radius:18px;padding:18px;text-decoration:none}.order-card:hover{border-color:#bc4e63}.order-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.tag{display:inline-block;background:#f5e1da;border-radius:20px;padding:3px 12px;font-size:12px}.status-control{display:flex;gap:8px;flex-wrap:wrap}.status-control select{border-radius:10px;padding:6px;max-width:100%}.link-note{border-left:3px solid #b28a61;padding-left:14px}.send-files{font-size:12px;margin:8px 0}details>summary{cursor:pointer;font-weight:bold}footer{max-width:1120px;margin:20px auto;padding:20px;font-size:12px}@media(max-width:800px){.chat-layout{grid-template-columns:1fr}.chat-layout aside{order:-1}main,header{padding:16px}.panel{padding:16px}.bubble{max-width:96%}h1{font-size:21px}}[hidden]{display:none!important}

@media (max-width: 800px) {
  .admin-room .chat-layout aside { order: 0; }
}

.chat-layout .compact-top { padding-top: 12px; }
.chat-layout .compact-top > h2 { margin-top: 0; }

.admin-chat {
  --ink: #713f49;
  --paper: #fbefef;
  --line: #e4c8cc;
}
.admin-chat header { border-top-color: #9b4658; }
.admin-chat .muted { color: #77535a; }
.admin-chat .steps li, .admin-chat .tag { background: #f4dce0; }
.admin-chat .steps .active, .admin-chat button.primary { background: #953b50; }
.admin-chat button:not(.primary), .admin-chat a.button { border-color: #ca9ba4; }
.admin-chat .link-note { border-left-color: #b96879; }