/* ============================================
   服务工单中心样式（service.php / service-order.php）
   service.css v1.0
   ============================================ */

/* 提示条 */
.wo-msg{max-width:1000px;margin:20px auto 0;padding:12px 18px;border-radius:8px;font-size:14px}
.wo-msg-success{background:#dcfce7;color:#16a34a}
.wo-msg-error{background:#fee2e2;color:#dc2626}
.wo-narrow{max-width:860px}

/* 双栏布局 */
.wo-layout{display:grid;grid-template-columns:11fr 9fr;gap:24px;margin:28px auto 60px;align-items:start}
@media(max-width:900px){.wo-layout{grid-template-columns:1fr}}

.wo-submit-card,.wo-list-card{background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:24px;box-shadow:0 1px 4px rgba(15,40,80,.05)}
.wo-card-title{font-size:17px;font-weight:700;color:#0f172a;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eef2f7}

/* 类型选择 */
.wo-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.wo-type-item input{position:absolute;opacity:0}
.wo-type-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border:1.5px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;color:#475569;text-align:center;transition:all .15s}
.wo-type-chip small{font-size:11px;font-weight:400;color:#94a3b8}
.wo-type-item input:checked + .wo-type-chip{border-color:#B99168;background:#F8F4EC;color:#B99168}

/* 表单 */
.wo-field{margin-bottom:14px}
.wo-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}
.wo-field label i{color:#dc2626;font-style:normal}
.wo-field label small{color:#94a3b8;font-weight:400}
.wo-field input[type=text],.wo-field textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}
.wo-field input:focus,.wo-field textarea:focus{outline:none;border-color:#B99168;box-shadow:0 0 0 3px rgba(185,145,104,.12)}
.wo-field textarea{margin-top:0}

/* 上传区 */
.wo-upload-area{display:flex;align-items:flex-start;gap:12px}
.wo-upload-btn{padding:9px 16px;border:1.5px dashed #94a3b8;border-radius:8px;background:#f8fafc;color:#475569;font-size:13px;cursor:pointer;transition:all .15s}
.wo-upload-btn:hover{border-color:#B99168;color:#B99168}
.wo-thumbs{display:flex;flex-wrap:wrap;gap:8px}
.wo-thumb{position:relative;width:56px;height:56px;border-radius:6px;overflow:hidden;border:1px solid #e2e8f0}
.wo-thumb img{width:100%;height:100%;object-fit:cover}
.wo-thumb i{position:absolute;top:0;right:0;width:16px;height:16px;line-height:15px;text-align:center;background:rgba(0,0,0,.55);color:#fff;font-size:10px;font-style:normal;cursor:pointer;border-bottom-left-radius:6px}

.wo-submit-btn{width:100%;padding:12px;border:none;border-radius:8px;background:#B99168;color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:background .15s}
.wo-submit-btn:hover{background:#A67C52}

/* 我的工单列表 */
.wo-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}
.wo-tab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:13px;color:#475569;text-decoration:none;border:1px solid #e2e8f0;background:#f8fafc}
.wo-tab.active{background:#B99168;border-color:#B99168;color:#fff}
.wo-tab b{font-size:11px;opacity:.75}
.wo-empty{padding:50px 20px;text-align:center;color:#94a3b8;font-size:14px}
.wo-list{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto}
.wo-item{display:block;padding:12px 14px;border:1px solid #eef2f7;border-radius:10px;text-decoration:none;transition:all .15s}
.wo-item:hover{border-color:#B99168;box-shadow:0 2px 8px rgba(185,145,104,.1)}
.wo-item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.wo-item-no{font-size:12px;color:#94a3b8;font-family:monospace}
.wo-item-title{font-size:14px;font-weight:600;color:#0f172a;line-height:1.4}
.wo-item-time{font-size:12px;color:#94a3b8;margin-top:5px}

/* 状态徽章 */
.wo-badge{display:inline-block;padding:3px 12px;border-radius:12px;font-size:12px;font-weight:600}

/* ===== 工单详情 ===== */
.wo-detail-card{background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:22px 24px;margin-top:22px;box-shadow:0 1px 4px rgba(15,40,80,.05)}
.wo-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.wo-detail-type{font-size:14px;color:#64748b;margin-left:8px}
.wo-detail-title{font-size:16px;color:#0f172a}
.wo-back{font-size:13px;color:#B99168;text-decoration:none;white-space:nowrap}
.wo-sub-title{font-size:15px;font-weight:700;color:#0f172a;margin-bottom:14px}
.wo-detail-body textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical}

.wo-desc{font-size:14px;color:#334155;line-height:1.8;margin:14px 0 0}
.wo-detail-imgs{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.wo-detail-imgs img{width:110px;height:110px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;max-width:100%}
.wo-quote-box{margin-top:16px;padding:14px 18px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;font-size:14px;color:#7C4226}
.wo-quote-box b{font-size:18px;color:#b45309}
.wo-quote-note{display:block;margin-top:6px;font-size:13px;color:#a16207}

/* 步骤条 */
.wo-steps{display:flex;align-items:center;margin:22px 0 6px}
.wo-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}
.wo-step-dot{width:28px;height:28px;line-height:26px;text-align:center;border-radius:50%;border:2px solid #cbd5e1;background:#fff;color:#94a3b8;font-size:12px;font-weight:700}
.wo-step.done .wo-step-dot{background:#B99168;border-color:#B99168;color:#fff}
.wo-step.cur .wo-step-dot{border-color:#B99168;color:#B99168;box-shadow:0 0 0 4px rgba(185,145,104,.15)}
.wo-step-label{font-size:12px;color:#94a3b8}
.wo-step.done .wo-step-label,.wo-step.cur .wo-step-label{color:#B99168;font-weight:600}
.wo-step-line{flex:1;height:2px;background:#e2e8f0;margin:0 6px 20px}
.wo-step-line.done{background:#B99168}

/* 操作按钮 */
.wo-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}
.wo-btn{padding:9px 20px;border-radius:8px;font-size:13.5px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block}
.wo-btn-primary{background:#B99168;color:#fff}
.wo-btn-primary:hover{background:#A67C52}
.wo-btn-outline{background:#fff;color:#B99168;border:1px solid #B99168}
.wo-btn-ghost{background:#f1f5f9;color:#64748b}

/* 时间线 */
.wo-timeline{display:flex;flex-direction:column}
.wo-tl-item{display:flex;gap:14px;position:relative;padding-bottom:22px}
.wo-tl-item:last-child{padding-bottom:4px}
.wo-tl-item:before{content:'';position:absolute;left:5px;top:16px;bottom:0;width:2px;background:#eef2f7}
.wo-tl-item:last-child:before{display:none}
.wo-tl-dot{width:12px;height:12px;border-radius:50%;background:#B99168;flex-shrink:0;margin-top:4px;position:relative;z-index:1}
.wo-tl-head{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.wo-tl-head b{font-size:13.5px;color:#0f172a}
.wo-tl-meta{font-size:12px;color:#94a3b8}
.wo-tl-note{margin-top:6px;font-size:13px;color:#475569;line-height:1.7;background:#f8fafc;border-radius:8px;padding:8px 12px}

@media(max-width:600px){
  .wo-type-row{grid-template-columns:1fr}
  .wo-steps{flex-wrap:wrap;gap:8px}
  .wo-step-line{display:none}
}

/* ============================================
   维修申请单（repair-form.php）v1.1 新增
   ============================================ */
.rf-title-bar{display:flex;align-items:center;gap:10px;margin:26px 0 18px}
.rf-title-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#B99168;color:#fff;font-size:18px}
.rf-title-bar h1{font-size:20px;font-weight:800;color:#0f172a}
.rf-back{margin-left:auto;font-size:13px;color:#B99168;text-decoration:none}

.rf-card{background:#fff;border:1px solid #e8eef5;border-radius:12px;padding:22px 24px;margin-bottom:20px;box-shadow:0 1px 4px rgba(15,40,80,.05)}
.rf-sec{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid #eef2f7}
.rf-sec h2{font-size:15.5px;font-weight:700;color:#0f172a}
.rf-sec-ico{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:#fff;font-size:13px;font-weight:700}
.rf-ico-orange{background:#B85C38}
.rf-ico-blue{background:#B99168}
.rf-ico-green{background:#16a34a}
.rf-ico-purple{background:#8b5cf6}

.rf-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.rf-span2{grid-column:span 2}
@media(max-width:640px){.rf-grid{grid-template-columns:1fr}.rf-span2{grid-column:span 1}}

.wo-field select{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px;font-size:14px;font-family:inherit;background:#fff}
.wo-field select:focus{outline:none;border-color:#B99168;box-shadow:0 0 0 3px rgba(185,145,104,.12)}

/* 服务类型分段选择 */
.rf-seg{display:flex;gap:10px;flex-wrap:wrap}
.rf-seg label{position:relative}
.rf-seg input{position:absolute;opacity:0}
.rf-seg span{display:inline-block;padding:8px 22px;border-radius:8px;border:1.5px solid #e2e8f0;font-size:13.5px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}
.rf-seg span:hover{border-color:#B99168;color:#B99168}
.rf-seg input:checked + span{background:#B99168;border-color:#B99168;color:#fff}

.rf-file-name{font-size:12.5px;color:#16a34a;align-self:center}

/* 附件上传大框 */
.rf-attach-box{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:2px dashed #c7d5e5;border-radius:12px;background:#f8fafc;cursor:pointer;text-align:center;transition:all .15s}
.rf-attach-box:hover{border-color:#8b5cf6;background:#faf9ff}
.rf-attach-ico{font-size:26px}
.rf-attach-box b{font-size:14px;color:#334155}
.rf-attach-box small{font-size:12px;color:#94a3b8}

/* 底部按钮 + 提示 */
.rf-btn-row{display:flex;justify-content:center;gap:14px;margin:26px 0 20px}
.rf-btn{padding:11px 34px;border-radius:9px;font-size:14.5px;font-weight:700;border:none;cursor:pointer}
.rf-btn-primary{background:#B85C38;color:#fff}
.rf-btn-primary:hover{background:#d97706}
.rf-btn-ghost{background:#fff;color:#64748b;border:1px solid #cbd5e1}
.rf-btn-ghost:hover{border-color:#94a3b8}

.rf-tips{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px 20px;margin-bottom:60px}
.rf-tips b{font-size:13.5px;color:#7C4226}
.rf-tips ul{margin:8px 0 0 18px}
.rf-tips li{font-size:12.5px;color:#a16207;line-height:1.9}
.rf-tips i{color:#dc2626;font-style:normal}

/* 维修申请单入口横幅（service.php） */
.wo-rf-banner{display:flex;align-items:center;gap:12px;padding:13px 16px;margin-bottom:16px;background:linear-gradient(135deg,#F8F4EC,#f5f3ff);border:1px solid #c7d5f0;border-radius:10px;text-decoration:none;transition:all .15s}
.wo-rf-banner:hover{border-color:#B99168;box-shadow:0 3px 12px rgba(185,145,104,.15);transform:translateY(-1px)}
.wo-rf-ico{font-size:22px}
.wo-rf-txt{flex:1;display:flex;flex-direction:column;gap:2px}
.wo-rf-txt b{font-size:13.5px;color:#A67C52}
.wo-rf-txt small{font-size:11.5px;color:#64748b}
.wo-rf-arrow{font-size:16px;color:#B99168;font-weight:700}

/* 报修 chip = 结构化维修申请单链接入口（service.php） */
a.wo-type-item{text-decoration:none}
a.wo-type-item:focus-visible{outline:2px solid #B99168;outline-offset:2px;border-radius:10px}
.wo-chip-repair{border-color:#B99168;background:#F8F4EC;color:#B99168}
.wo-chip-repair small{color:#B99168;opacity:.75}
a.wo-type-item:hover .wo-chip-repair{background:#EDE3D0;box-shadow:0 3px 10px rgba(185,145,104,.18)}
.wo-repair-hint{margin-top:10px;padding:9px 12px;font-size:12.5px;color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;line-height:1.6}
.wo-repair-hint a{color:#B99168;font-weight:600;text-decoration:none}
.wo-repair-hint a:hover{text-decoration:underline}

/* ===== 维修申请单 v2：完整复刻原云平台（全页宽） ===== */
.rf2-head{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:22px 24px 16px}
.rf2-head-l{display:flex;align-items:center;gap:12px}
.rf2-head-ico{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#B99168,#A67C52);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}
.rf2-head-l h1{font-size:19px;color:#A67C52;margin:0}
.rf2-head-l p{font-size:12.5px;color:#94a3b8;margin:2px 0 0}
.rf2-head-r{font-size:22px;font-weight:700;color:#B99168;letter-spacing:2px}
.rf2-wrap{max-width:1280px;margin:0 auto;padding:0 24px 40px}
.rf2-card{background:#fff;border:1px solid #e8eef5;border-radius:14px;padding:22px 26px 26px;margin-bottom:18px;box-shadow:0 1px 4px rgba(166,124,82,.05)}
.rf2-sec{display:flex;align-items:center;gap:10px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid #f1f5f9}
.rf2-num{width:26px;height:26px;border-radius:7px;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}
.rf2-c-orange{background:linear-gradient(135deg,#B85C38,#D4764E)}
.rf2-c-blue{background:linear-gradient(135deg,#B99168,#B85C38)}
.rf2-c-green{background:linear-gradient(135deg,#10b981,#34d399)}
.rf2-c-purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}
.rf2-sec h2{font-size:16px;color:#1e293b;margin:0}
.rf2-grid{display:grid;gap:16px 20px;margin-bottom:4px}
.rf2-grid3{grid-template-columns:1fr 1fr 1fr}
.rf2-grid2{grid-template-columns:1fr 1fr;margin-top:14px}
.rf2-half{max-width:66%}
.rf2-field{display:flex;flex-direction:column;gap:7px}
.rf2-field label{font-size:13px;font-weight:600;color:#475569}
.rf2-field label i{color:#ef4444;font-style:normal}
.rf2-field input[type=text],.rf2-field input[type=tel],.rf2-field input[type=email],.rf2-field select,.rf2-field textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:9px;font-size:13.5px;color:#1e293b;background:#fff;transition:border-color .15s;box-sizing:border-box}
.rf2-field input:focus,.rf2-field select:focus,.rf2-field textarea:focus{outline:none;border-color:#B99168;box-shadow:0 0 0 3px rgba(185,145,104,.1)}
.rf2-field textarea{resize:vertical;line-height:1.6}
.rf2-field input::placeholder,.rf2-field textarea::placeholder{color:#b6c2d0}
.rf2-seg{display:flex;gap:10px}
.rf2-seg label{flex:1}
.rf2-seg input{position:absolute;opacity:0}
.rf2-seg span{display:block;text-align:center;padding:9px 6px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s;background:#f8fafc}
.rf2-seg-orange input:checked + span{background:linear-gradient(135deg,#B85C38,#D4764E);border-color:#B85C38;color:#fff}
.rf2-seg-blue input:checked + span{background:linear-gradient(135deg,#B99168,#B85C38);border-color:#B99168;color:#fff}
.rf2-seg span:hover{border-color:#cbd5e1}
.rf2-upbox{border:1.5px dashed #cbd5e1;border-radius:12px;background:#f8fafc;padding:26px 16px;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;transition:all .15s;text-align:center}
.rf2-upbox:hover{border-color:#B99168;background:#F8F4EC}
.rf2-upbox.has-file{border-color:#10b981;background:#f0fdf4}
.rf2-up-ico{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#e0f2fe}
.rf2-ic-blue{background:#e0f2fe}
.rf2-ic-green{background:#d1fae5}
.rf2-ic-purple{background:#ede9fe}
.rf2-upbox b{font-size:13px;color:#475569}
.rf2-upbox small{font-size:11.5px;color:#94a3b8}
.rf2-up-done{font-size:12px;color:#10b981;font-weight:600}
.rf2-btns{display:flex;justify-content:center;gap:14px;margin:26px 0 18px}
.rf2-btn{padding:11px 34px;border-radius:9px;font-size:14.5px;font-weight:600;cursor:pointer;transition:all .15s;border:1px solid #e2e8f0}
.rf2-btn-ghost{background:#fff;color:#475569}
.rf2-btn-ghost:hover{border-color:#94a3b8;background:#f8fafc}
.rf2-btn-primary{background:linear-gradient(135deg,#B85C38,#D4764E);border-color:#B85C38;color:#fff}
.rf2-btn-primary:hover{box-shadow:0 4px 14px rgba(184,92,56,.35);transform:translateY(-1px)}
.rf2-tips{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px 20px}
.rf2-tips b{font-size:13.5px;color:#7C4226;display:flex;align-items:center;gap:6px}
.rf2-star{font-size:14px}
.rf2-tips ul{margin:10px 0 0;padding-left:20px}
.rf2-tips li{font-size:12.5px;color:#a16207;line-height:1.9}
@media (max-width:768px){
  .rf2-grid3,.rf2-grid2{grid-template-columns:1fr}
  .rf2-half{max-width:100%}
  .rf2-head{flex-direction:column;align-items:flex-start;gap:8px}
  .rf2-card{padding:16px}
}