/* migrated from seven-stage-final.css */
.sidebar .project-switcher,.sidebar .account-project-slot{min-width:0;max-width:100%;overflow:hidden}
.sidebar .project-select{min-width:0;max-width:100%;text-overflow:ellipsis}
/* ===== 七阶段正式版：统一界面与响应式优化 ===== */
@media (min-width:769px){
  .sidebar{width:272px;background:#f8fbfd;border-right:1px solid #dce7ef;box-shadow:4px 0 18px rgba(38,70,98,.04)}
  .sidebar-brand{height:64px;padding:0 18px;gap:10px;background:#e8f4fb;border-bottom:1px solid #d5e6f1;font-size:17px;color:#183b59}
  .sidebar-brand-mark{width:30px;height:30px;flex-basis:30px;border-radius:9px;background-size:72px auto;background-position:-20px -2px;box-shadow:0 3px 10px rgba(25,93,139,.14)}
  .project-switcher{padding:12px 14px!important;background:#f4f9fc;border-bottom:1px solid #dce7ef}
  .project-select{padding:10px 11px;background:#fff;border-color:#cbdce8;color:#27445d}
  .menu-list{padding:10px 10px 150px!important;margin-bottom:0;scrollbar-width:thin}
  .menu-item,.menu-parent{min-height:46px;padding:7px 10px!important;margin:2px 0!important;border:0!important;border-radius:8px!important;gap:10px;color:#28445c;font-size:14px;font-weight:400}
  .nav-main-label{gap:10px}
  .nav-line-icon,.ai-nav-icon,.nav-new-square{width:32px!important;height:32px!important;flex:0 0 32px!important;border-radius:8px!important;background:#eef5f9!important;border:1px solid #d7e5ee!important;color:#31536d!important;padding:6px;box-shadow:none!important}
  .ai-nav-icon{padding:0!important;font-size:9px!important;color:#176bba!important;background:#edf6ff!important;border-color:#cfe4f8!important}
  .nav-new-square{padding:0!important;font-size:19px!important;background:#e3f1fb!important;color:#176bba!important}
  .menu-item:hover,.menu-parent:hover{background:#eef5f9!important;color:#123b5b!important}
  .menu-item.active,.menu-parent.active{background:#edf4f8!important;color:#536b7e!important;box-shadow:none!important;font-weight:400!important}
  .menu-item.active .nav-line-icon,.menu-item.active .ai-nav-icon,.menu-item.active .nav-new-square{background:#f9fcfd!important;border-color:#cfdee7!important;color:#536b7e!important}
  .menu-sub{margin-left:16px!important}
  .menu-sub-item{padding:9px 10px 9px 28px!important}
  .menu-list .menu-sub-item.active{
    background:#edf5fc!important;color:#536b7e!important;font-weight:400!important;
    border-left-color:transparent!important;box-shadow:none!important
  }
  .menu-list .menu-sub-item.active::before{display:none!important}
  .sidebar-footer{min-height:64px;height:auto!important;padding:10px 12px;background:#edf6fb;border-top:1px solid #d5e6f1;box-shadow:0 -8px 22px rgba(32,75,106,.05);display:flex;flex-wrap:wrap;row-gap:8px;align-items:center;justify-content:space-between;gap:9px}
  .sidebar-footer .project-switcher{flex:1 1 100%;width:100%;padding:0!important;background:transparent!important;border-bottom:0!important}
  .sidebar-footer .project-switcher .project-select{width:100%}
  #loginStatusSection{display:flex;flex:1;min-width:0;overflow:hidden;align-items:center;justify-content:flex-start;gap:8px}
  .operator-status-text{display:flex;min-width:0;max-width:100%;overflow:hidden;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
  .operator-status-text .op-name{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .btn-logout-link{margin-left:2px;font-size:11px;flex:none}
  .gear-feedback-icon{flex:none}
  /* Kimi 风格账户面板 */
  .account-chip{display:flex;align-items:center;gap:9px;width:100%;padding:5px 4px;border:0;background:transparent;border-radius:9px;cursor:pointer;text-align:left}
  .account-chip:hover{background:#e0eef7}
  .account-avatar{width:30px;height:30px;flex:none;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#06b6d4);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;box-shadow:0 2px 6px rgba(37,99,235,.25)}
  .account-name{flex:1;min-width:0;font-size:13px;color:#1f3b57;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .account-popover{position:absolute;bottom:calc(100% + 8px);left:10px;right:10px;background:#fff;border:1px solid #dbe6ef;border-radius:14px;box-shadow:0 18px 50px rgba(15,23,42,.18);padding:8px;z-index:100010}
  .account-popover[hidden]{display:none}
  .account-popover-project{padding:4px 8px 10px;border-bottom:1px solid #eef3f7;margin-bottom:6px}
  .account-popover-project label{display:block;font-size:11px;color:#7a8aa0;margin-bottom:6px}
  .account-project-slot .project-select{width:100%;padding:8px 10px;background:#fff;border:1px solid #cbdce8;border-radius:8px;color:#27445d;font-size:13px}
  .account-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;background:transparent;font-size:13px;color:#243b53;border-radius:9px;cursor:pointer;text-align:left}
  .account-menu-item:hover{background:#f1f7fb}
  .account-item-icon{width:16px;text-align:center;color:#54708c;flex:none}
  .account-item-tag{margin-left:auto;font-size:10px;color:#8ba0b6;background:#eef4f9;border-radius:8px;padding:1px 7px;flex:none}
  .btn-login-minimal,.btn-register-minimal{min-width:72px;height:36px;padding:0 16px;border-radius:8px;font-size:13px;letter-spacing:0}
  .btn-login-minimal{background:#1675bd;box-shadow:0 4px 12px rgba(22,117,189,.18)}
  .btn-login-minimal:hover{background:#0e619f;transform:translateY(-1px)}
  .btn-register-minimal{background:#fff;border-color:#c1d8e8;color:#31536d}
  .gear-feedback-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #cfe0eb;border-radius:9px;background:#fff;color:#547087}
  .gear-feedback-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .gear-feedback-icon:hover{color:#126eaf;border-color:#9ec7e2;background:#f8fcff}

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  #supervisorTable .role-action-cell{width:128px!important;padding:7px 10px!important;text-align:center}
  .btn-table-add{height:34px;min-width:88px;padding:0 13px;background:#eaf5fb;color:#116cae;border:1px solid #bcd9ea;border-radius:7px;font-family:var(--font);font-size:13px}
  .btn-table-add svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  .btn-table-add:hover{background:#dceef8;color:#0c5b93;border-color:#83b9d9;transform:translateY(-1px)}
  #supervisorTable .btn-table-danger{height:32px;padding:0 12px!important;background:#fff;color:#a13a3a;border:1px solid #e8caca;border-radius:7px}
  #supervisorTable .btn-table-danger:hover{background:#fff5f5;border-color:#dbaaaa;color:#862f2f}
  
  
  
  
  
  

  /* 检测台账：移除重复标题层，保留一条紧凑操作栏 */
  
  
  
  
  
  
  
  

  /* 月报封面编制日期：年月跟随所选月，日可单独修改 */
  .monthly-compile-date{display:flex;align-items:center;justify-content:center;gap:3px;margin:140px 0 0;font-size:16px;font-weight:bold;font-variant-numeric:tabular-nums}
  .monthly-compile-date input{height:28px;padding:1px 2px;border:0;border-bottom:1px solid transparent;background:transparent;text-align:center;font:inherit;color:inherit;outline:0;box-sizing:border-box}
  .monthly-compile-date input:focus{border-bottom-color:#176fa9;background:#f4f9fc}
  
  

  /* 二级目录统一：经典双列文件管理器 */
  
  
  
  
  
  .doc-ai-panel{position:fixed;z-index:240;top:76px;right:18px;bottom:18px;width:330px;padding:16px;border:1px solid #ccdce7;border-radius:4px;background:#f8fbfd;box-shadow:0 16px 42px rgba(27,58,81,.16);overflow:auto}
  .doc-ai-panel[hidden]{display:none!important}
  .doc-ai-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:12px;border-bottom:1px solid #dce6ed}
  .doc-ai-panel-head div{display:flex;flex-direction:column;gap:3px}.doc-ai-panel-head strong{color:#193d58;font-size:16px}.doc-ai-panel-head span{color:#718696;font-size:11px}
  .doc-ai-panel-head>button{width:30px;height:30px;border:1px solid #d5e1e9;border-radius:4px;background:#fff;color:#557084;font-size:18px;cursor:pointer}
  .doc-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}
  .doc-ai-actions button{min-height:35px;border:1px solid #cddce6;border-radius:4px;background:#fff;color:#2c526d;font:600 12px var(--font);cursor:pointer}
  .doc-ai-panel label{display:block;margin:4px 0 7px;color:#536d80;font-size:12px;font-weight:600}
  .doc-ai-panel textarea{width:100%;min-height:280px;padding:11px;border:1px solid #cbd9e3;border-radius:4px;background:#fff;color:#263f52;font:13px/1.65 var(--font);resize:vertical;box-sizing:border-box}
  .doc-ai-panel .doc-ai-apply{width:100%;height:38px;margin-top:10px}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  .folder-card-opt.folder-add .folder-icon-opt::before{display:none!important}

  /* 进入文件夹后的清单页，与目录页保持同一容器和节奏 */
  
  
  #schemeBreadBar,#yxBreadBar,#tzBreadBar{
    width:100%!important;max-width:var(--directory-width)!important;min-height:44px!important;
    margin:0 auto 18px!important;padding:10px 14px!important;border:1px solid #dce6ed!important;
    border-radius:8px!important;background:#f5f8fa!important;box-shadow:none!important;box-sizing:border-box!important
  }
  
  .breadcrumb-opt{font-family:var(--font);font-size:13px;color:#718697}
  .crumb-link-opt{color:#176fa9;font-weight:650;text-decoration:none}
  .crumb-link-opt:hover{text-decoration:none;color:#0d5689}
  .file-list,.photo-list{
    width:100%!important;margin:0!important;border-collapse:separate!important;border-spacing:0!important;
    border:1px solid #dde7ee!important;border-radius:9px!important;background:#fff!important;overflow:hidden!important
  }
  .file-list tr,.photo-list tr{border:0!important;background:#fff;transition:background-color .18s ease}
  .file-list tr:hover,.photo-list tr:hover{background:#f5f9fb!important}
  .file-list td,.photo-list td{
    min-height:52px;padding:13px 14px!important;border:0!important;border-bottom:1px solid #e5edf2!important;
    font-family:var(--font);font-size:13px!important;vertical-align:middle!important
  }
  .file-list tr:last-child td,.photo-list tr:last-child td{border-bottom:0!important}
  .file-list .file-name,.photo-list .photo-name{
    color:#25465e!important;font-size:14px!important;font-weight:650!important;text-decoration:none!important
  }
  .file-list .file-name:hover{color:#0f669f!important;text-decoration:none!important}
  .file-list .file-size,.file-list .file-date,.photo-list .photo-meta{
    color:#748998!important;font-size:12px!important;font-variant-numeric:tabular-nums
  }
  .file-list .file-actions,.photo-list .photo-actions{width:auto!important;text-align:right!important;white-space:nowrap!important}
  .file-list .file-actions .btn-table,.photo-list .photo-actions .btn-table{
    min-width:54px;min-height:31px;margin:2px!important;padding:4px 10px!important;
    border:1px solid #d6e2ea!important;border-radius:7px!important;background:#fff!important;
    color:#36556c!important;font-family:var(--font);font-size:12px!important;font-weight:600!important
  }
  .file-list .file-actions .btn-table:hover,.photo-list .photo-actions .btn-table:hover{
    border-color:#8ab6cf!important;background:#eef6fa!important;color:#145f91!important
  }
  .file-list .file-actions .btn-table-danger,.photo-list .photo-actions .btn-table-danger{
    border-color:#ead2d2!important;background:#fffafa!important;color:#a03f3f!important
  }
  .file-list .file-actions .btn-table-danger:hover,.photo-list .photo-actions .btn-table-danger:hover{
    border-color:#d9aaaa!important;background:#fff2f2!important;color:#842f2f!important
  }
  
  #photoViewTitleYX{font-family:var(--font);font-size:17px!important;color:#254b67!important}
  #photoGridYX .photo-icon{width:70px!important}

  /* 周报/月报按日志规范：快速入口 + 年份选择 + 自动归档清单 */
  
  .archive-quick-card{
    min-height:88px;margin:0 0 18px;padding:15px 18px;display:grid;
    grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
    border:1px solid #d4e2eb;border-left:3px solid #247eb8;border-radius:4px;
    background:#f5f9fb;box-sizing:border-box
  }
  .archive-quick-card h2,.archive-quick-card h3{margin:0 0 4px;font-size:17px;line-height:1.35;color:#213f56}
  .archive-quick-card p{margin:0;color:#6c8293;font-size:13px;line-height:1.6}
  .archive-quick-meta{display:flex;gap:14px;align-items:center;margin-top:11px;color:#536f83;font-size:13px}
  .archive-status{display:inline-flex;align-items:center;min-height:24px;padding:2px 8px;border-radius:4px;background:#e5eef4;color:#60798b;font-size:12px;font-weight:650}
  .archive-status.done{background:#e7f4ec;color:#32704b}
  .archive-quick-card .btn{min-height:36px;padding:7px 15px;border-radius:4px}
  .archive-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:12px;padding-bottom:13px;border-bottom:1px solid #dfe8ee}
  .archive-section-head h3{margin:0 0 3px;font-size:17px;color:#284860}
  .archive-section-head p{margin:0;font-size:12px;color:#7a8f9e}
  .archive-year-select{min-width:108px;height:34px;padding:0 30px 0 11px;border:1px solid #cbdce7;border-radius:4px;background:#fff;color:#294a62;font-size:13px;outline:none;cursor:pointer}
  .archive-year-select:focus{border-color:#6ca6c9;box-shadow:0 0 0 3px rgba(36,126,184,.11)}
  .archive-record-list{border:1px solid #dfe8ee;border-radius:4px;overflow:hidden;background:#fff}
  .archive-record-row{min-height:52px;padding:9px 13px;display:grid;grid-template-columns:120px minmax(0,1fr) 90px 24px;gap:12px;align-items:center;border-bottom:1px solid #e7eef2;cursor:pointer;transition:background-color .16s ease}
  .archive-record-row:last-child{border-bottom:0}
  .archive-record-row:hover{background:#f4f9fb}
  .archive-record-name{font-size:14px;font-weight:650;color:#29475d}
  .archive-record-date{font-size:12px;color:#718696;font-variant-numeric:tabular-nums}
  .archive-record-arrow{color:#7c96a8;font-size:18px;text-align:right}
  .archive-empty,.archive-empty-state{padding:20px 16px!important;text-align:center;color:#7b8f9e;font-size:13px;background:#fbfcfd}

  /* 电脑端编辑页：使用可读的工作区宽度，不再被旧版 794px 纸张裁成窄条 */
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  

  /* 会议纪要 / 监理通知：与周报、月报统一的归档页和 A4 编辑页 */
  
  
  
  
  
  
  
  
  .record-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
  .record-list-toolbar .btn{height:34px;padding:0 13px;border-radius:4px}
  .record-list-toolbar h3{margin:0;font-size:17px;color:#284860}
  .record-list-toolbar p{margin:3px 0 0;font-size:12px;color:#7a8f9e}
  
  
  
  
  
  
  
  
  
  

  .editor-page-header{
    position:sticky;top:0;z-index:20;
    width:100%;min-height:58px;margin:0 0 14px;padding:10px 14px 10px 18px;
    display:flex;align-items:center;justify-content:space-between;gap:18px;
    border:1px solid #d8e5ed;border-radius:4px;background:#fff;box-sizing:border-box
  }
  .editor-page-header strong{display:block;font-size:16px;line-height:1.35;color:#22465f}
  .editor-page-header small{display:none}
  .editor-page-header .btn{min-width:62px;height:32px;padding:0 14px;border:1px solid #d9e2ec;border-radius:4px;background:#fff;color:#40566b}
  .editor-auto-save-status{min-width:0;margin-left:auto;color:#748a9a;font-size:11px;white-space:nowrap}
  .editor-fields-bar{
    display:flex;justify-content:flex-end;align-items:center;gap:18px;flex-wrap:wrap;
    margin-bottom:15px;padding:9px 12px;border:1px solid #dfe8ee;border-radius:4px;background:#f7fafc;font-size:13px
  }
  .editor-fields-bar label{display:flex;align-items:center;gap:7px;color:#3c5b70}
  .editor-fields-bar select,.editor-fields-bar input{height:34px!important;padding:0 10px!important;border:1px solid #cbdce7!important;border-radius:4px!important;background:#fff!important;box-sizing:border-box}

  .business-ai-assist{position:fixed;right:28px;bottom:24px;z-index:90;width:auto;padding:0;border:0;background:transparent;box-shadow:none}
  .business-ai-assist>div{display:none}
  .business-ai-assist .btn{height:36px;padding:0 14px;border:1px solid #8fb8d2!important;border-radius:4px!important;background:#fff!important;color:#1f6f9f!important;font-weight:650;white-space:nowrap;box-shadow:0 7px 20px rgba(29,70,98,.12)}
  .business-ai-assist .btn:hover{border-color:#4e91b8!important;background:#eef6fa!important;transform:translateY(-1px)}
  .business-ai-assist .btn:active{transform:translateY(0)}
  body:has(.ai-cabin:not([style*="display: none"])) .business-ai-assist{right:348px}
}
:root{
  --sl-form-font:"SimSun","宋体","STSong",serif;
  --sl-form-title-size:18pt;
  --sl-form-subtitle-size:12pt;
  --sl-form-meta-size:11pt;
  --sl-form-label-size:10.5pt;
  --sl-form-value-size:10.5pt;
  --sl-form-note-size:9pt;
  --sl-form-sign-size:10.5pt;
  --sl-form-line-height:1.45;
}
/* AI图片业务选择弹窗：与已删除的水印相机样式解耦 */
.ai-img-modal-overlay{display:none;position:fixed;inset:0;z-index:12000;align-items:center;justify-content:center;padding:18px;background:rgba(16,35,50,.5);box-sizing:border-box}
.ai-img-modal-overlay.open{display:flex}
.ai-img-modal{width:min(100%,430px);padding:20px;border:1px solid #cfdae3;border-radius:4px;background:#fff;box-shadow:0 20px 60px rgba(18,42,59,.22)}
.ai-img-modal h3{margin:0;color:#294b62;font-size:17px}
.ai-img-modal .modal-subtitle{margin:4px 0 14px;color:#738795;font-size:12px}
.ai-img-modal .modal-btn{display:block;width:100%;margin:0 0 8px;padding:10px 12px;border:1px solid #d6e1e8;border-radius:4px;background:#f9fbfc;color:#294c63;text-align:left;font:600 13px var(--font);cursor:pointer}
.ai-img-modal .modal-btn:hover{border-color:#8eb7ce;background:#eff7fa}
.ai-img-modal .btn-desc{margin:4px 0 0 22px;color:#748895;font-size:11px;font-weight:400}
.ai-img-modal .btn-icon{display:inline-grid;width:16px;height:16px;margin-right:5px;place-items:center;border:1px solid currentColor;border-radius:3px;font-size:12px;line-height:1}
.ai-img-modal .modal-cancel{display:block;width:100%;height:34px;margin-top:4px;border:1px solid #d4dfe6;border-radius:4px;background:#fff;color:#536b7b;font:600 12px var(--font);cursor:pointer}
@media (max-width:768px){
.btn-table-add{padding:6px 9px;background:#eaf5fb;color:#116cae;border:1px solid #bcd9ea}

.file-list .file-actions{white-space:normal!important}
.archive-quick-card{grid-template-columns:1fr;min-height:0;padding:16px;margin-bottom:16px}
.archive-quick-card .btn{width:100%}
.archive-section-head{align-items:stretch;flex-direction:column}
.archive-year-select{width:100%}
.archive-record-row{grid-template-columns:88px minmax(0,1fr) 24px;gap:8px}
.archive-record-row .archive-status{grid-column:2}
.archive-record-date{font-size:11px}
.editor-page-header{margin:0 12px 12px;width:calc(100% - 24px);padding:9px 10px}
.editor-page-header small{display:none}
.editor-fields-bar{align-items:stretch;flex-direction:column;gap:8px;margin:0 12px 12px}
.editor-fields-bar label{justify-content:space-between}
.business-ai-assist{position:sticky;right:auto;bottom:12px;width:max-content;margin:12px 12px 12px auto}
.record-list-toolbar{align-items:flex-start;flex-direction:column}
#workbenchDate{font-size:11px!important}
#workbenchDate+div{font-size:19px!important;line-height:1.3!important}
.editor-page-header{
    width:100%!important;min-height:48px!important;margin:0 0 10px!important;padding:7px 9px!important;gap:8px!important;border-radius:4px!important
  }
.editor-page-header strong{font-size:14px!important}
.editor-page-header .btn{min-width:52px!important;height:30px!important;padding:0 10px!important;font-size:12px!important}
.editor-auto-save-status{font-size:10px!important;white-space:normal!important;text-align:right}
}
/* 七阶段手机端校正：目录页与文档编辑页分别适配，避免桌面A4规则直接压缩 */
@media (max-width:768px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{font-size:13px}
  .canvas-area{padding:60px 8px 76px!important}
  
  
  
  
  
  
  .archive-section-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:8px!important;margin-bottom:9px!important;padding-bottom:9px!important}
  .archive-section-head h3{margin:0 0 2px!important;font-size:14px!important;line-height:1.35!important}
  .archive-section-head p{margin:0!important;font-size:11px!important;line-height:1.45!important}
  .archive-year-select{align-self:end!important;width:112px!important;min-width:112px!important;height:32px!important;padding:0 24px 0 8px!important;font-size:12px!important}
  .archive-record-row{min-height:46px!important;padding:7px 8px!important;grid-template-columns:48px minmax(0,1fr) 62px 14px!important;gap:6px!important}
  .archive-record-row .archive-status{grid-column:auto!important;min-height:22px!important;padding:1px 5px!important;font-size:10px!important}
  .archive-record-name{font-size:12px!important}.archive-record-date{font-size:10.5px!important;line-height:1.35!important}
  .archive-record-arrow{font-size:15px!important}.archive-empty-state{padding:28px 8px!important;font-size:12px!important}

  .editor-page-header{
    display:flex!important;align-items:center!important;min-height:42px!important;
    width:100%!important;margin:0 0 9px!important;padding:6px 8px!important;gap:8px!important
  }
  .editor-page-header{top:calc(48px + env(safe-area-inset-top))!important}
  .editor-page-header>div{min-width:0!important;flex:1 1 auto!important}
  .editor-page-header strong{
    display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important;line-height:1.35!important
  }
  .editor-page-header .editor-auto-save-status{display:none!important}
  .editor-page-header .btn{flex:0 0 auto!important;min-width:52px!important;width:auto!important;height:30px!important;min-height:30px!important;padding:0 9px!important;font-size:11px!important}
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
}
/* 单色线条操作图标：避免业务按钮使用彩色 Emoji */
.button-line-icon,.menu-line-icon,.refresh-line-icon,.share-line-icon{display:inline-block;width:16px;height:16px;vertical-align:-3px;color:currentColor;box-sizing:border-box}
.button-line-icon{margin-right:6px}
.camera-line-icon{position:relative;border:1.5px solid currentColor;border-radius:3px}
.camera-line-icon::before{content:"";position:absolute;left:4px;top:4px;width:5px;height:5px;border:1.5px solid currentColor;border-radius:50%}
.camera-line-icon::after{content:"";position:absolute;left:3px;top:-4px;width:7px;height:4px;border:1.5px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}
.menu-line-icon{border-top:1.5px solid currentColor;border-bottom:1.5px solid currentColor;position:relative}
.menu-line-icon::after{content:"";position:absolute;left:0;right:0;top:6px;border-top:1.5px solid currentColor}
.refresh-line-icon{border:1.5px solid currentColor;border-left-color:transparent;border-radius:50%;position:relative}
.refresh-line-icon::after{content:"";position:absolute;right:-2px;top:-2px;border-left:4px solid currentColor;border-top:3px solid transparent;border-bottom:3px solid transparent;transform:rotate(-35deg)}
.share-line-icon{position:relative;border:1.5px solid currentColor;border-top:0;border-radius:0 0 3px 3px;margin-top:4px;height:12px}
.share-line-icon::before{content:"";position:absolute;left:6px;top:-7px;width:6px;height:6px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg)}
.share-line-icon::after{content:"";position:absolute;left:7px;top:-7px;height:9px;border-left:1.5px solid currentColor}
.m-header button .menu-line-icon,.m-header button .refresh-line-icon,.m-header button .share-line-icon{display:inline-block!important;width:16px!important;height:16px!important;line-height:16px!important;color:#334e62!important}
@media (max-width:768px){
.doc-ai-panel{position:fixed;z-index:240;top:auto;right:0;bottom:0;left:0;width:100%;height:86dvh;max-height:86dvh;padding:14px;border:1px solid #ccdce7;border-radius:4px 4px 0 0;background:#f8fbfd;box-shadow:0 -12px 36px rgba(27,58,81,.18);overflow:auto;box-sizing:border-box}
.doc-ai-panel[hidden]{display:none!important}
.doc-ai-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #dce6ed}
.doc-ai-panel-head div{display:flex;flex-direction:column;gap:3px}
.doc-ai-panel-head strong{color:#193d58;font-size:15px}
.doc-ai-panel-head span{color:#718696;font-size:11px}
.doc-ai-panel-head>button{width:30px;height:30px;border:1px solid #d5e1e9;border-radius:4px;background:#fff;font-size:18px}
.doc-ai-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}
.doc-ai-actions button{min-height:35px;border:1px solid #cddce6;border-radius:4px;background:#fff;color:#2c526d;font-size:12px;font-weight:600}
.doc-ai-panel label{display:block;margin:4px 0 7px;color:#536d80;font-size:12px;font-weight:600}
.doc-ai-panel textarea{width:100%;min-height:calc(86dvh - 245px);padding:10px;border:1px solid #cbd9e3;border-radius:4px;resize:none;box-sizing:border-box}
.doc-ai-panel .doc-ai-apply{width:100%;height:38px;margin-top:8px}
}

/* migrated from final-ui.css */
/* 水灵AI V3.9 最终界面锁定层：只约束已确认的稳定结构。 */
:root{
  --sl-radius:4px;
  --sl-control-height:34px;
}
button,input,select,textarea,.btn,.card{border-radius:var(--sl-radius)}
@media (max-width:768px){
/* 仅原生 APP 提供的水印相机和 AI 隐患识别不在手机网页显示。 */
  body:not(.capacitor-app) .watermark-photo-entry,body:not(.capacitor-app) .ai-hazard-entry,body:not(.capacitor-app) [data-mobile-app-only]{display:none!important}
/* APP现场工具保留唯一隐患识别入口，隐藏工作台中的重复入口。 */
  body.capacitor-app .web-ai-hazard-entry{display:none!important}
}